使用uniapp或者uview组件时,涉及到遮罩层的出现,一般会随之出现一个问题,就是当长按出现遮罩层时,此时不松手,往下滑动屏幕,还是会触发当前页面所涉及到的页面滚动甚至下拉刷新事件. 看了下各种博客人云亦云. 我找到一个很简单的方法 分析 首先,这个情况是什么时候会出现? 遮罩层出现的时候会出现,那么,我们就可以...
uni-app中想在遮罩层出来时下面的页面就不能滚动,就想到 page{ overflow:hidden } 但是不能动态设置这个,查了一个多小时,uni-app文档中page-meta可以设置 <page-meta :page-style="`overflow: ${buyVisible ? 'hidden':''}`"> </page-meta> uni-app csdn...
uni-scroll-view .uni-scroll-view::webkit-scrollbar { /* 隐藏滚动条,但依旧具备可以滚动的功能 */ display: none; width: 0 !important; height: 0 !important; -webkit-appearance: none; background: transparent; color: transparent; }
uniapp 禁止穿透滚动 遮罩弹窗背景滚动问题 问题描述 uniapp 微信小程序开发时,经常会遇到弹出层弹出后,即便有背景遮罩,滑动页面背景也跟随滚动,也就是滚动穿透,这并不是我们想要看到的效果。 解决方案 uniapp 在 微信小程序/App 端可使用 page-meta 组件动态修改页面样式,来控制穿透滚动问题。 关键代码 <page-met...
在微信小程序中使用uni-popup组件时,出现滚动穿透,并且uni-popup内部内容不会滚动问题。 解决 滚动穿透 查阅官方文档,发现滚动穿透是由于平台差异性造成的,具体解决可以参照文档禁止滚动穿透 <template> <page-meta :page-style="'overflow:'+(show?'hidden':'visible')"></page-meta> ...