正文
javascript滚轮,js鼠标滚轮
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
如何用JavaScript实现鼠标滚轮滑动效果
javascript:function AutoScroll() {window.scrollBy(0,10); NextScroll = setTimeout('AutoScroll()', 120);window.onkeydown = StopScroll;};function StopScroll(e) {if(e.keyCode == 27){clearTimeout(NextScroll);};};AutoScroll();好像是这个吧-。-simple U里就有不过想用它替代滚轮 显然还不现实[hr]来自于世界上最奇葩的：Opera/9.80 (Windows NT 6.2; WOW64) Presto/2.12.388 Version/12.13
相关问答
Q1: javascript鼠标滚轮事件谁会
用插件mousewheel.js实现简单些，不用考虑兼容
jQuery Mousewheel Plugin是由Brandon Aaron开发的jQuery插件，用于添加跨浏览器的鼠标滚轮支持。mousewheel事件的处理函数有一点小小的变化，它除了第一个参数event 外，还接收到第二个参数delta。通过参数delta可以获取鼠标滚轮的方向和速度。如果delta的值是负的，那么滚轮就是向下滚动，正的就是向上。
用原生js也可以实现，不过做兼容要复杂些。
滚轮事件的兼容性差异有些不拘一格，不是以往的IE8-派和其他派，而是FireFox派和其他派。
包括IE6在内的浏览器是使用onmousewheel，而FireFox浏览器一个人使用DOMMouseScroll. 经自己测试，即使现在FireFox 19下，也是不识onmousewheel。
Q2: js或jq怎样可以使滚轮滚动固定距离
你好，实现如下，请现在 body 加一定的 br 出现上下滚动条 够长。不懂请追问。
希望采纳！！
script src="" type="text/javascript"/script
script type="text/javascript" src="jquery.mousewheel.min.js"/script
script type="text/javascript"
$('body').on('mousewheel', function(event) {
if(event.deltaY=="-1"){
$('body').animate({scrollTop: 5000})
}else if(event.deltaY=='1'){
console.log('上滑')
}
});
/script
Q3: 使用javascript实现鼠标滑轮及按钮同时控制图片的大小
placeholder.style.zoom
=
parseInt(placeholder.style.zoom)
+
(args
?
+1
:
-1)
+
'%';
这一行parseInt(placeholder.style.zoom)中的placeholder.style.zoom没有没有设定一个初始值
你的代码运行时，假如先使用滚轮放大缩小过图片，那么同一个页面对象中placeholder.style.zoom就已经被赋值了，所以放大缩小按钮可以使用；假如之前没有用滚轮放大缩小过图片，直接用放大缩小按钮进行操作，就会报参数无效错误
在placeholder.style.zoom
=
parseInt(placeholder.style.zoom)
+
(args
?
+1
:
-1)
+
'%';
上面加上如下代码
if
(!(placeholder.style.zoom))
{
placeholder.style.zoom
=
'100%';
}
问题解决
Q4: 怎么用javascript实现如下效果，可以使用滚轮切换结果
我只能给你提供原始的事件原理，事件触发的动作你需要自己完成，另外不使用或依赖 jquery（仅参考可以）对你js的水平提高是有帮助的。
/*鼠标滚轮事件*/
if(/firefox/gi.test(navigator.userAgent)){//针对firefox浏览器特有的事件
document.addEventListener("DOMMouseScroll",function(e){
console.log(e.detail)//向下是正数向上是负数
},false)
}else{
document.onmousewheel=function(e){
console.log((e||window.event).wheelDelta)//向下是负数向上是正数
}
}
