js,鼠标上下滑轮或者拉动滚动条触发事件

Question

我想鼠标滚动上下滑轮或者拖动网页的滚动条的时候触发一个事件,怎么做??

就是网页太长向下拉的时候触发一个事件.

Answer 1

window.onmousewheel = function(){  //触发滚轮事件

}
window.onscroll = function(){  //滚动条事件

}
//其实你的问题直接使用判断滚动条应该就可以了，但是如果一定要拖动滚动条才执行事件，我们可以通过获取鼠标位置来模拟
var a = document.getElementsByTagName("html")[0];
window.onmousemove = function(){
        //一般默认滚动条12px宽，当鼠标位于浏览器窗口右边12px内按下鼠标可以视为拖动滚动条
if(innerWidth - event.clientX < 12){
a.onmousedown = function(){
console.log(1);
}
}else{
a.onmousedown = null;
}
}

Answer 2

可通过onscroll事件触发，通过scrollTop获取滚动高度。

如：

document.getElementsByTagName("body")[0].onscroll=function(){
if(document.getElementsByTagName("body")[0].scrollTop>600){
alert("网页太长")；
}}

Answer 3

哪位大神指点啊，以上方法都试了还是不行

Answer 4

用jquery很方便实现啊~

$(window).scroll( function() { 
    if(window.scrollTop>500){
        执行触发事件.
    }
 } );

Answer 5

换个思想，当网页里TOP移动段距离的时候触发就可以了~

追问

也可以,不过要怎么监视到网页里TOP移动是触发事件呢

追答

楼上的给你说了~额……思想让别人学去了~你看看……