1. js效果頁面往上滾
可以根據滾動條y方向的值來設定第一城圖片的top值;
綁定 onscroll事件 ,當滾動輪滾動的時候去獲取滾動輪相對於y方向的值(top值),將第一層的top值設定成和滾動的top值相等就可以了,第一層別忘記加 position:absolute;
2. 在手機html上js怎麼判斷頁面是在向上或者向下滑動
vardivTwo=$('.divTwo');
//1.禁用的滾輪事件
$('.divTwo').mousewheel(function(e){
returnfalse;
});
//2.如果滾動條到底底部的時候禁用window的滾輪滾動
//3.判斷滾動的方向
divTwo.mousewheel(function(e,delta){
vardecoration=delta>0?'Up':'down';
$('.divFixed').text(decoration);
varscrollTop=divTwo.scrollTop();
varscrollHegiht=divTwo[0].scrollHeight;
varheight=divTwo.height();
//滾動條到底部且滾輪向下滾動
if(scrollTop+height>=scrollHegiht&&delta<0){
e.preventDefault();
}
//滾動條到頂部且滾輪向上
elseif(scrollTop==0&&delta>0){
e.preventDefault();
}
});
$(document).mousewheel(function(e,delta){
$('.divFixed').text(delta);
});有一個mousewheel.js插件可以實現你說的功能。這是你需要的判斷向上或者向下滾動的代碼。希望對你有幫助，或者你直接網路一下mousewheel看一下具體的代碼。
3. js如何判斷滾動條是抽往上還是在往下，或者是停止滾動狀態
(freeware)http://www.CodeHighlighter.com/-->1<p><labelfor="wheelDelta">滾動值:</label>(IE/Opera)<inputtype="text"id="wheelDelta"/></p>
<p><labelfor="detail">滾動值:(Firefox)</label><inputtype="text"id="detail"/></p>
<scripttype="text/javascript">
varoTxt=document.getElementById("txt");
/***********************
*函數：判斷滾輪滾動方向
*作者：walkingp
*參數：event
*返回：滾輪方向1：向上-1：向下
*************************/
varscrollFunc=function(e){
vardirect=0;
e=e||window.event;
vart1=document.getElementById("wheelDelta");
vart2=document.getElementById("detail");
if(e.wheelDelta){//IE/Opera/Chrome
t1.value=e.wheelDelta;
}elseif(e.detail){//Firefox
t2.value=e.detail;
}
ScrollText(direct);
}
/*注冊事件*/
if(document.addEventListener){
document.addEventListener('DOMMouseScroll',scrollFunc,false);
}//W3C
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari這里就是滑鼠滾輪的事件~各個瀏覽器不太一樣，這里做了兼容
</script>
4. JS如何判斷瀏覽器滾動條的位置
onload=function(){
var changeBG=0,scrollTop=0;
//設置原始變數
setInterval(function(){
scrollTop=document.body.scrollTop
if(changeBG&&scrollTop>200){
//判斷是否更換了背景及滾動條是否到達指定高度
document.body.scrollTop=0; //轉到頁面頂部
document.body.style.backgroundImage="url(...)";
//變換背景
changeBG=1;
//表示已經轉換了背景
setTimeout(function(){
document.body.scrollTop=changeBG
//返回原來位置
},1000)
}
},1000)
}
5. JS 怎麼控制某個div的滾動條滾動到頂部
定義和用法
scrollTo(xpos,ypos) 方法可把內容滾動到指定的坐標。
xpos 必需。要在窗口文檔顯示區左上角顯示的文檔的 x 坐標。
ypos 必需。要在窗口文檔顯示區左上角顯示的文檔的 y 坐標。
滾動到頂部 為 div.scrollTo(0,0);
6. 怎樣用js實現滾動條來回滾動，幫我看看怎麼改
varcamera;
varisDown;
window.onload=function(){
//滾動條索取對象（這里使用整個頁面，確保頁面有滾動條）
camera=document.body;
isDown=true;//默認向下
c=setInterval(gundong,10);
}
vargundong=function(){
if(isDown){
camera.scrollTop++;//下降
//如果版滾動條超過100的話，權就往上
//可以修改這個條件，作為折返的前提
if(camera.scrollTop>100){
isDown=false;
}
}else{
camera.scrollTop--;//上升
//到達頂部的話，就下降
if(camera.scrollTop==0){
isDown=true;
}
}
}