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;
}
}
}