阻止页面滚动事件

原创 2018年04月16日 16:44:35

    //阻止整个页面滚动事件

    $("body").on("touchmove",function(event){

        event.preventDefault;
    }, false);
    //然后点击取消或者确定时再取消body上的绑定
    $("body").off("touchmove");

如何禁止页面滚动事件

document.documentElement.style.overflow='hidden';//即:设置html元素的overflow属性hidden   document.body.styl...
  • susanzxl
  • susanzxl
  • 2016-05-11 18:03:06
  • 764

vue语法阻止内部内容滚动

{{item}} import myButton from './components/myButton.vue'...
  • hh279768876
  • hh279768876
  • 2017-03-31 09:50:13
  • 1174

js禁止和启用移动端页面内容滚动

直接上代码: this.onTouchMove(true);//禁用this.onTouchMove(false);//启用 onTouchMove(inFlag) { if ...
  • xdongll
  • xdongll
  • 2017-06-16 10:58:20
  • 2534

禁止页面滚动的详细解决方法介绍

禁止页面滚动 有三种方法 1,依靠css 将页面 document.documentElement.style.overflow='hidden'; document.body.style.ov...
  • sanai_1992
  • sanai_1992
  • 2017-04-14 10:01:29
  • 2022

移动端弹出层滚动时禁止body滚动

移动端弹出层滚动时禁止body滚动 相信很多写移动端的朋友会遇到这个问题,我也遇到了,之后就辛辛苦苦的在网上找解决办法,下面我大概提一下我在网站遇到的几种办法,行不行的通呢?本人就亲测了下。如果有什...
  • qq_35741728
  • qq_35741728
  • 2016-10-28 17:22:09
  • 18380

阻止网页内部滚动条mousewheel事件冒泡

利用鼠标滚轮对网页内部无素滚动条触发滚动事件,当滚动条到达元素顶部或底部时不触发浏览器窗口的滚动事件。 通过调用以下函数实现: function preventScroll(id){ var _th...
  • jyy_12
  • jyy_12
  • 2011-10-16 16:43:21
  • 10017

h5弹层之后阻止页面滚动

弹层阻止页面滚动
  • zhuhaomingoo
  • zhuhaomingoo
  • 2017-01-24 10:41:17
  • 756

前端页面弹框遮罩禁止页面滚动

前端页面弹框遮罩禁止页面滚动前端开发经常会遇到的一个问题就是制作一个弹框来向用户提示信息,在这个弹框弹出的同时,往往会伴有一个灰色的遮罩层挡住页面内容,同时整个页面被这层遮罩盖住,不可点击也不可滚动。...
  • yuhk231
  • yuhk231
  • 2017-07-03 09:53:15
  • 6592

微信小程序弹出自定义模态框,禁止底部页面滚动事件

微信小程序弹出自定义模态框,禁止底部页面滚动事件本Markdown编辑器使用[StackEdit][6]修改而来,用它写博客,将会带来全新的体验哦: 添加自定义的模态框后,在上面的模态框上滑动,底部的...
  • wxfdpp
  • wxfdpp
  • 2017-12-15 19:08:11
  • 3578

小程序浮层滚动阻止window窗体滚动JS/CSS处理

小程序浮层滚动阻止window窗体滚动JS/CSS处理
  • kincaid_z
  • kincaid_z
  • 2017-09-07 16:07:49
  • 671
收藏助手
不良信息举报
您举报文章:阻止页面滚动事件
举报原因:
原因补充:

(最多只允许输入30个字)