资讯专栏INFORMATION COLUMN

微信小程序 禁止弹框底部内容滑动

terro / 2384人阅读

摘要:网友们的方法网友们有人使用的方式是给绑定一个空方法。这也是一个解决方法。友情提醒关于不能滚动的这个效果需要在真机上面查看,在编辑器上面看不到效果。本文首发于公众号前端的极致实现。欢迎小可爱们来交流加我微信拉大家进群

我们需要解决的问题:当弹框显示的时候,弹框下面的内容不能滚动

小程序的弹框特别多,像下面这样,弹框的底部是一个可以下拉的页面,但是当弹框出现的时候,需要禁止底部的滚动,那么怎么做呢?

直接给出答案吧:
view加上catchtouchmove="true" 就可以.

比如下面这种:

至于加到哪个view上边,自然是最外边包含整个屏幕的view了。如果你实在不知道哪一个,你试一下也成。

网友们的方法

网友们有人使用的方式是给catchtouchmove绑定一个空方法。这也是一个解决方法。



prevent(){
    return ;
}

友情提醒:关于不能滚动的这个效果需要在真机上面查看,在编辑器上面看不到效果。

至此,完成。
本文首发于公众号“前端的极致实现”。欢迎小可爱们来交流~加我微信(wangyuedewechat2)拉大家进群

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/106072.html

相关文章

  • WeUI基础样式库——写一个移动端界面

    摘要:是一套基础样式库,同微信原生视觉体验一致,由微信官方设计团队为微信内网页和微信小程序量身设计的。为了更好的说明这个基础样式库的使用,接下来我将介绍两个例子。 WeUI是一套基础样式库,同微信原生视觉体验一致,由微信官方设计团队为微信内网页和微信小程序量身设计的。我们来看看这个基础库样式到底长什么样。showImg(https://segmentfault.com/img/bVYCKd?...

    hedge_hog 评论0 收藏0
  • WeUI基础样式库——写一个移动端界面

    摘要:是一套基础样式库,同微信原生视觉体验一致,由微信官方设计团队为微信内网页和微信小程序量身设计的。为了更好的说明这个基础样式库的使用,接下来我将介绍两个例子。 WeUI是一套基础样式库,同微信原生视觉体验一致,由微信官方设计团队为微信内网页和微信小程序量身设计的。我们来看看这个基础库样式到底长什么样。showImg(https://segmentfault.com/img/bVYCKd?...

    meteor199 评论0 收藏0
  • WeUI基础样式库——写一个移动端界面

    摘要:是一套基础样式库,同微信原生视觉体验一致,由微信官方设计团队为微信内网页和微信小程序量身设计的。为了更好的说明这个基础样式库的使用,接下来我将介绍两个例子。 WeUI是一套基础样式库,同微信原生视觉体验一致,由微信官方设计团队为微信内网页和微信小程序量身设计的。我们来看看这个基础库样式到底长什么样。showImg(https://segmentfault.com/img/bVYCKd?...

    xiyang 评论0 收藏0
  • 移动端下弹框禁止背景滑动

    摘要:移动端下弹框禁止背景滑动茴字写法有很多种,找到最适合的才是好的。 移动端下弹框禁止背景滑动 茴字写法有很多种,找到最适合的才是好的。 以下下方法在一屛之内是可行的 body;html 设置overflow:hidden .overflow-hidden{ height: 100%; overflow: hidden; } // 弹出时 $(html, body,.pa...

    pf_miles 评论0 收藏0
  • 移动端下弹框禁止背景滑动

    摘要:移动端下弹框禁止背景滑动茴字写法有很多种,找到最适合的才是好的。 移动端下弹框禁止背景滑动 茴字写法有很多种,找到最适合的才是好的。 以下下方法在一屛之内是可行的 body;html 设置overflow:hidden .overflow-hidden{ height: 100%; overflow: hidden; } // 弹出时 $(html, body,.pa...

    baukh789 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<