vue 之移动端弹层打开,禁止页面滑动

摘要:
第一种类型:bodySoll(event){event.prpreventDefault()},stopScroll(){document.body.style.soverflow='hidden‘document.addEventListener('touchmove',this.bodySollow,false)}、startScroll

第一种:

bodyScroll(event) {
  event.preventDefault()
},
stopScroll () {
  document.body.style.overflow = 'hidden'
  document.addEventListener('touchmove', this.bodyScroll, false)
},

startScroll () {
  document.body.style.overflow = ''// 出现滚动条
  document.removeEventListener('touchmove', this.bodyScroll, false)
}

//在弹层事件中相应调用就可;

第二种:弹窗出现,改变大盒子的高度100%,overFlow:hidden,动态增加类名

免责声明:文章转载自《vue 之移动端弹层打开,禁止页面滑动》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇转:使用xhprof进行线上PHP性能追踪及分析python 爬虫_PyQuery详细用法下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

关于ArcMap中的地图文档单位

在ArcMap中地图文档的单位有度分秒、千米、米、十进制等很多种,但是ArcMap中的测量距离功能的实现必须建立在图层框架具有投影坐标系的情况下才能进行正确的计算,否则是不能进行的,IPolyline的Lenth属性获取的单位为十进制,需要转换成米。...

爬虫发起抓取被服务器拒绝访问返回403禁止访问解决方案

目前,许多网站的API接口返回的http代码返回代码为403,表示禁止访问。如果您也遇到这种情况,请不要急于首先修改网站的相关参数,即高级api的网站。使用浏览器访问。如果浏览器访问api接口,它可以成功。表示已设置权限。接口可能已被修改或无效,此时无法访问。调用此接口时,将捕获异常中的responseBody。数据很可能在该区域。这就是作者遇到的问题。直接...

Jdk升级到11引起的问题:程序包javax.xml.bind.annotation不存在

您可以看到ELDict类中有一个引用:importjavax。xml。绑定注释XmlAttribute;虽然未使用,但它会导致mvn编译错误。在在线绑定中搜索“包javax.xml.bind.nannotation不存在”。结果是:包javax。xml。bind Annotation不存在-CSDN论坛2009年12月2日·无法编译使用jaxb的类,因为软件...

ubuntu中VNC的安装配置笔记

设置密码并首次启动vncserver后。vnc/directory将在用户的主目录中生成。注意:安装后,用户的主目录中没有vnc目录。这是因为默认情况下启用了桌面配置,并且需要修改配置文件。后来,我在网上找到了一篇可靠的文章:http://blog.csdn.net/njchenyi/article/details/8489689本文中描述的配置方法确实可行...

css设置文字多余部分显示省略号

如果只显示一行,则可以使用以下方法:  overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap;如果需要显示多行,在需要设置的元素style中添加以下代码:  word-break:break-all;  text-overflow:ellipsis;  display:-webkit-bo...

mysql修改字段防止锁表

步骤1:修改大表、addcolumn或dropcolumn的字段,操作完成后将锁定该表。此时,查询ok、insert和update将等待锁定。...