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实现