⑴ js 判断鼠标滚轮滑动距离
如果使用jquery的话，可以这样写：
$(window).bind("scroll",function(){
vartop=$(this).scrollTop();//当前窗口的滚动距离
});如果使用原生js，可以这样写（摘自网上的）：
/**
*获取<ahref="https://www..com/s?wd=%E6%BB%9A%E5%8A%A8%E6%9D%A1&tn=44039180_cpr&fenlei=-bIi4WUvYETgN-"target="_blank"class="-highlight">滚动条</a>距离顶端的距离
*@return{}支持IE6
*/
functiongetScrollTop(){
varscrollPos;
if(window.pageYOffset){
scrollPos=window.pageYOffset;}
elseif(document.compatMode&&document.compatMode!='BackCompat')
{scrollPos=document.documentElement.scrollTop;}
elseif(document.body){scrollPos=document.body.scrollTop;}
returnscrollPos;
}
⑵ JS如何判断鼠标滚轮事件分析
我们都见到过这些效果，用鼠标滚轮实现某个表单内的数字增加减少操作，或者滚轮控制某个按钮的左右，上下滚动。这些都是通过js对鼠标滚轮的事件监听来实现的。今天这里介绍的是一点简单的js对于鼠标滚轮事件的监听。先分析原理：我们是通过判断鼠标滚动的获取一个值，然后根据这个值判断滚动的方向。然而不同浏览器有不同的获取方法，所以要分浏览器写方法。 不同浏览器不同的事件 首先，不同的浏览器有不同的滚轮事件。主要是有两种，onmousewheel（firefox不支持）和DOMMouseScroll（只有firefox支持），关于这两个事件这里不做详述，想要了解的朋友请先去了解鼠标滚轮(mousewheel)和DOMMouseScroll事件。过程中需要添加事件监听：兼容firefox采用addEventListener监听。 js返回数值判断滚轮上下 判断滚轮向上或向下在浏览器中也要考虑兼容性（IE、Opera、Safari、Firefox、Chrome）中Firefox 使用detail，其余四类使用wheelDelta；两者只在取值上也是不一致，但是含义一致，detail与wheelDelta只各取两个 值，detail只取±3，wheelDelta只取±120，其中正数表示为向上，负数表示向下。 具体的代码如下所示： <label for=wheelDelta滚动值:</label(IE/Opera)<input type=text id=wheelDelta/ <label for=detail滚动值:(Firefox)</label<input type=text id=detail/ <script type=text/javascript var scrollFunc=function(e){ e = e || window.event; var t1=document.getElementById(wheelDelta); var t2=document.getElementById(detail); if(e.wheelDelta){//IE/Opera/Chrome t1.value=e.wheelDelta; }else if(e.detail){//Firefox t2.value=e.detail;}} /*监听事件*/
⑶ js如何取消鼠标滚轮绑定的事件
对应的函数名是： removeEventListener
代码回如下答
document.getElementById("contentTable").removeEventListener('DOMMouseScroll',scrollFunc);
⑷ js怎么获取浏览器的滚动条的点击事件，就点击滚动条（不是滚轮，是鼠标点击滚动条上下移动的时间）
html 的marquee 的效果 应该不是你要的
css 不知道怎么实现
还是js比较好些 上网查下代码吧
或者建议换种形式来做 也许会更容易些
还不错，希望你采纳。
⑸ js中鼠标滚轮不按下只滚动怎么捕捉这种事件
//兼容性写法，该函数也是网上别人写的，不过找不到出处了，蛮好的，所有我也没有必要修改了
//判断鼠标滚轮滚动方向
if(window.addEventListener)//FF,火狐浏览器会识别该方法
window.addEventListener('DOMMouseScroll',wheel,false);
window.onmousewheel=document.onmousewheel=wheel;//W3C
//统一处理滚轮滚动事件
functionwheel(event){
vardelta=0;
if(!event)event=window.event;
if(event.wheelDelta){//IE、chrome浏览器使用的是wheelDelta，并且值为“正负120”
delta=event.wheelDelta/120;
if(window.opera)delta=-delta;//因为IE、chrome等向下滚动是负值，FF是正值，为了处理一致性，在此取反处理
}elseif(event.detail){//FF浏览器使用的是detail,其值为“正负3”
delta=-event.detail/3;
}
if(delta)
handle(delta);
}
//上下滚动时的具体处理函数
functionhandle(delta){
if(delta<0){//向下滚动
}else{//向上滚动
}
}
⑹ js怎么给自定义滚动条加鼠标滚动事件
//关闭滚动条，没有滚动条就无所谓拖动滚动条了 再加上 加滚动鼠标的事件来调整页面就OK了 不关闭滚动条的话，倒还有种方法可行，不过拖动滚动条时页面会闪烁，不够完美。
⑺ 如何用JS获取鼠标滚动高度，再触发相应的事件。速救！！！
$(window).scroll(function(){
//当滚动到最底部以上100像素时，加载新内容
if($(this).scrollTop()>=80){
$("div.navbar").css("position","fixed");
}else{
$("div.navbar").css("position","relative");//也可能是absolute等，反正就是你原来的值
}
if($(this).scrollTop()>=150){
$("div.log").css("position","fixed");
}else{
$("div.log").css("position","relative");//也可能是absolute等，反正就是你原来的值
}
});
//这个应该是可以的，原来的样式是什么样，改回什么样式就可以了，我只是写了一个例子
⑻ js中如何禁用鼠标滚轮事件急，在线等！
如果使用的是IE直接使用下面代码就可以了，在body的onmousewheel事件中return false
<body onmousewheel="return false;">
⑼ js,鼠标上下滑轮或者拉动滚动条触发事件
window.onmousewheel=function(){//触发滚轮事件
}
window.onscroll=function(){//滚动条事件
}
//其实你的问题直接使用判断滚动条应该就可以了，但是版如果一定要拖动滚动条才执行权事件，我们可以通过获取鼠标位置来模拟
vara=document.getElementsByTagName("html")[0];
window.onmousemove=function(){
//一般默认滚动条12px宽，当鼠标位于浏览器窗口右边12px内按下鼠标可以视为拖动滚动条
if(innerWidth-event.clientX<12){
a.onmousedown=function(){
console.log(1);
}
}else{
a.onmousedown=null;
}
}