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

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

滚动旋钮时禁止页面滚动-jquery.knob.js相关推荐

vue弹层时禁止页面滚动
创建组件时禁止页面滚动: created(){//禁止页面滑动document.body.addEventListener('touchmove', this.bodyScroll, { passiv ...
js实现弹出框时禁止页面滚动，关闭弹出框时恢复页面滚动
$(function () {$('#pingtai').click(function () {if($('#serviceDes').css('display','none')){$('#servi ...
JQuery弹出菜单时禁止页面（body）滚动
最近在做手机端的弹出菜单,但是菜单弹出来后滑动手机屏幕的话页面滚动总是会将菜单滑上去,体验非常不好,所以查了一下弹出菜单时禁止页面滚动的方法,整理如下: 方法一:弹出菜单时给body和html添加一个 ...
弹窗时候禁止页面滚动
2019独角兽企业重金招聘Python工程师标准>>> 1.依靠css 将页面 document.documentElement.style.overflow='hidden'; ...
蒙层禁止页面滚动的方案
蒙层禁止页面滚动的方案弹窗是一种常见的交互方式,而蒙层是弹窗必不可少的元素,用于隔断页面与弹窗区块,暂时阻断页面的交互.但是在蒙层出现的时候滚动页面,如果不加处理,蒙层底部的页面会开始滚动,实际上我 ...
html js控制页面蒙版,javascript实现蒙版与禁止页面滚动
本文实例为大家分享了javascript实现蒙版与禁止页面滚动的具体代码,供大家参考,具体内容如下项目需求:页面很长,要求加个蒙版,点击特定位置蒙版消失可以滑动页面,否则蒙版存在页面不可以滑动:要同 ...
监听某个区域滚动_监听页面滚动及滚动到指定位置
一.原生js通过window.onscroll监听 window.onscroll = function() { //为了保证兼容性,这里取两个值,哪个有值取哪一个 //scrollTop就是触发滚轮 ...
HTML 页面跳转时传递参数（jquery.params.js）
HTML 页面跳转时传递参数(jquery.params.js) 描述:在 HTML 页面跳转时,通过 URL 传递参数一.引入在解析参数页面的 JS 中引入:jquery.params.js(代 ...
vue中禁止页面滚动/滚动事件穿透-弹出蒙版时弹出层下面还可以滚动问题解决
弹出层时,蒙版下还可以滚动页面移动端在蒙层所在div上加 @touchmove.prevent <div class="maskBox" @touchmove.preve ...

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

滚动旋钮时禁止页面滚动-jquery.knob.js相关推荐

最新文章

热门文章