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

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

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

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

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2016-06-08

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

如:

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

本回答被提问者和网友采纳
第2个回答  2018-07-31
哪位大神指点啊,以上方法都试了还是不行
第3个回答  2014-03-06

用jquery很方便实现啊~

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

第4个回答  2014-03-06
换个思想,当网页里TOP移动段距离的时候触发就可以了~追问

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

追答

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

相似回答