使用场景:页面中有弹窗,并且弹窗里数据超过弹窗的高,要在弹窗做滑动操作,当弹窗滑动到底部的时候,继续划动会导致底层页面的滚动,这就是滚动穿透。这种情况对于体验感很不友好。
解决办法:使用page-meta。截下官方的图
文章来源:https://www.toymoban.com/news/detail-757477.html
<template>
<page-meta :page-style="'overflow:'+(maskShows?'hidden':'visible')"></page-meta>
<view>
。。。
</view>
</template>
如果把page-meta放在view里的话,会提示一个错误
必须放在整个页面的template下面才行。maskShows是弹窗是否显示的字段,这样的话弹窗的滑动就不会影响到主页面了。文章来源地址https://www.toymoban.com/news/detail-757477.html
到了这里,关于小程序禁止滚动穿透,page-meta的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!