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

2024-11-08 09:28:04

推荐回答（5个）

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

回答2：

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

如：

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

回答3：

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

回答4：

用jquery很方便实现啊~

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

回答5：

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