您的位置：首页 > Web前端 > JQuery

滚动旋钮时禁止页面滚动-jquery.knob.js

2017-10-11 15:04 288 查看

jquery.knob.js一款很棒的jquery旋钮插件 gayhub地址：https://github.com/aterrien/jQuery-Knob

当鼠标滚轮作用于旋钮时，禁止页面滚动

$(".knob").on("mousewheel",function(event){
var event = event || window.event;
event.preventDefault(); //阻止默认事件 页面滚动！！

......
//处理旋钮事件

});

如果不禁止默认事件，当页面出现滚动条时，滚轮事件会先使页面滚动。

当然还有些兼容问题：参考下张鑫旭大神的博客。子元素scroll父元素容器不跟随滚动JS实现

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航