css部分 .ovfHiden{     overflow: hidden;     height: 100%; }     js部分 $(".btn1").click(function(){    $('html,body').addClass('ovfHiden'); //使网页不可滚动    $(".layer").show();  }) $(".btn2").click(function(){    $('html,body').remo…

// 开启.禁止页面滚动 bodyScroll: { e(e) { e.preventDefault();// 注意此处代码片段必须这样提出来已保证传入下边两个事件的处理程序一样才生效,分别写到事件处理程序中不生效. }, // 开启滚动 open() { document.body.removeEventListener('touchmove', this.e, false); }, // 禁止滚动 close() { document.body.addEventListener('touch…

禁止 window.ontouchmove=function(e){        e.preventDefault && e.preventDefault();        e.returnValue=false;        e.stopPropagation && e.stopPropagation();        return false;} 取消禁止 window.ontouchmove=function(e){        e.preventDefau…

//showMessage 提示的内容默认为空必填 buttonText:按钮显示的内容默认为"确定" 传入 "" 为默认 url:跳转链接 传入""为默认 不跳转function showAlert(showMessage,buttonText,url) { var bottonHtml=""; if(url=="") { bottonHtml="<div class='qr_btn' s…

开发移动端页面的时候有一个很比较常见的需求,在出现弹窗时,禁止滑动弹窗后面的主体页面.如何实现呢,往下看 js实现整个页面禁止滚动: document.body.addEventListener('touchmove', function(e){ e.preventDefault(); }, { passive: false }); //passive 参数不能省略,用来兼容ios和android passive是干吗用的呢,设置该属性的目的主要是为了在阻止事件默认行为导致的卡顿.等待监听器的执…

<div @touchmove.prevent></div> @touchmove.prevent   //加到标签上禁止滚动…

在移动端的页面开发过程中,经常会遇到点击弹框禁止页面滚动的情景,下面就来说下具体的做法... 第一步:构建一个函数 function bodyScroll(event){ event.preventDefault(); } 第二步:点击禁止页面滚动 $(".button").click(function(){ document.body.addEventListener('touchmove',bodyScroll,false); $('body').css({'position':'…

最近在做手机端的弹出菜单,但是菜单弹出来后滑动手机屏幕的话页面滚动总是会将菜单滑上去,体验非常不好,所以查了一下弹出菜单时禁止页面滚动的方法,整理如下: 方法一:弹出菜单时给body和html添加一个css样式:height:100%;overflow:hidden;弹出层消失再去掉这个类.(只给body添加样式在安卓机上无效果) css代码:.add{height:100%;overflow:hidden;} JQuery代码:弹出菜单时给body添加类(.add) $('body,html'…

  此需求 有两种方法,第一种,这种方法适用于,底层 和弹窗是两个平行的没有关系的两部分.重叠(https://blog.csdn.net/yuhk231/article/details/74171734) $(".weui-mask").on("touchstart",function(ev){ var e = ev || window.event; e.stopPropagation(); e.preventDefault(); alert(e) },false…

js Code: <script> window.onload = function() { for (i = 0; i < 500; i++) { var x = document.createElement('div'); x.innerHTML = "换行<br/>"; document.body.appendChild(x); } function $(x) { return document.getElementById(x); }; $(&qu…