jQuery 不直接支持鼠标滑轮事件，有一个插件叫做 jQuery Mousewheel，你可以 Google 一下
但用原生 JavaScript 也可以轻松来实现
// 鼠标滑轮滚动后执行的函数
// delta > 0 = 向上滚动
// delta < 0 = 向下滚动
function mousewheelEvent(e, delta) {
document.getElementById("debug").innerHTML += (delta + "<br />");
// 其它代码...
}
if (document.attachEvent) {
document.attachEvent("onmousewheel", function(e) {
mousewheelEvent(e, e.wheelDelta);
});
}
else if (document.addEventListener) {
document.addEventListener("DOMMouseScroll", function(e) {
mousewheelEvent(e, e.detail * -40);
}, false);
}
</script>
<div id="debug" style="position: fixed"></div>
jquery插件默认是不支持鼠标中轮滚轮事件的。jQuery Mousewheel Plugin,用于添加跨浏览器的鼠标滚轮支持。mousewheel事件的处理函数有一点小小的变化，它除了第一个参数event 外，还接收到第二个参数delta。通过参数delta可以获取鼠标滚轮的方向和速度。如果delta的值是负的即-1，那么滚轮就是向下滚动，正的1就是向上。
1.下载jquery-mousewheel插件。
2,复制代码: $('body').mousewheel(function(event, delta) { var dir = delta > 0 ? 'Up' : 'Down'; if (dir == 'Up') {
console.log('向上滚动');
} else {
console.log('向下滚动');
} return false;
});
http://www.jb51.net/article/50677.htm<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;
}
}
/*注册事件*/
if(document.addEventListener){
document.addEventListener('DOMMouseScroll',scrollFunc,false);
}//W3C
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome
</script>
javascript鼠标滚轮事件谁会
用插件mousewheel.js实现简单些，不用考虑兼容 jQuery Mousewheel Plugin是由Brandon Aaron开发的jQuery插件，用于添加跨浏览器的鼠标滚轮支持。mousewheel事件的处理函数有一点小小的变化，它除了第一个参数event 外，还接收到第二个参数delta。通过参数delta可以获取鼠标滚轮的方向和速度。如果delta的值是负的，...
js或jq怎么实现滚轮控制页面上下滑动
jQuery监听鼠标滚轮(滚动)事件 第一步：下载jquery-mousewheel插件 第二步：复制以下代码做测试，打开日志看效果 jQuery(function($) { ('#nav').bind('mousewheel', function(event, delta) { var dir = delta > 0 ? 'Up' : 'Down';if (dir == 'Up') { console.log(“向上滚动， www....
JS 判断鼠标滚轮滑动距离
如果使用jquery的话，可以这样写：(window).bind("scroll", function(){ var top = $(this).scrollTop(); \/\/ 当前窗口的滚动距离 }); 如果使用原生js，可以这样写（摘自网上的）：\/** * 获取滚动条距离顶端的距离 * @return
...仅仅是点击拖动滚动条被禁止,鼠标滚轮是可以用的)
oBody.onmousewheel=function (){ var ch=-1; \/\/滚动幅度,负数表示鼠标上滚,页面上滚;正数表示鼠标下滚,页面反而上滚 oBody.scrollTop+=event.wheelDelta*ch; }加滚动鼠标的事件来调整页面就OK了不关闭滚动条的话,倒还有种方法可行,不过拖动滚动条时页面会闪烁,不够完美。var o=document.body; \/\/这里可以...
fullpage.js里的方法怎么放
FullPage.js是一个基于jQuery的全屏滚动插件，它能够很方便、很轻松的制作出全屏网站。主要功能 支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机、平板触摸事件 支持 CSS3 动画 支持窗口缩放 窗口缩放时自动调整 可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等 兼容性 fu...
js或jq怎样可以使滚轮滚动固定距离
你好，实现如下，请现在 body 加一定的 br 出现上下滚动条 够长。不懂请追问。希望采纳！！ ('body').on('mousewheel', function(event) { if(event.deltaY=="-1"){ ('body').animate({scrollTop: 5000})}else if(event.deltaY=='1'){ console.log('上滑')} }); ...
...为相对坐标放在图片上缩放的模块,鼠标滚轮事件
; img.top = bgY+"px"; img.left = bgX+"px"; } } }); })(); 以前在chrome插件上以jq库为基础写过背景图的缩放平移功能，这里拿相关逻辑过来供参考，仅限于运行在chrome浏览器中 要做ie兼容的话，注意事件对象即可 ...
html5怎样设置一个背景图片随着滚轮变动
我大概理解到了你的意思，是想实现背景的视觉差效果吧。如果是这个的话两种方法，一种是设置background-attachment:fixed;背景固定了 另外一种就是利用 animate css3的属性，想兼容更多的浏览器建议用jquery控制。感觉应该是你想要的效果了。你说的这个是单页面效果。我给你个网址上面有好多这样的 www....
pc端 前端页面 js灯箱效果能放大缩小吗
可以监听滚轮事件 mousewheel 判断是点击的图片是否显示，显示的话 先屏蔽滚动事件 然后获取到你显示出来的容器 改变一下img的css的 transform ：scale属性，也可以判断下滚动方向进行放大和缩小 如果没有显示 就不采取任何处理
火星求生建筑怎么移动 移动建筑的方法介绍
火星求生建筑怎么移动 移动建筑的方法介绍火星求生移动建筑的方法是点击鼠标滚轮，转动角度，鼠标中间滚轮是转换按钮。火星求生移动建筑的方法点击鼠标滚轮，转动角度。鼠标中间的滚轮是转换按钮。以上就是小编给大家解说的全部内容，更多专业的游戏资讯，游戏资源，尽在jq下载站!
