原文链接:uniapp uni-popup弹窗出现禁止页面滚动 - 掘金 (juejin.cn) 在页面上添加遮罩层,弹出fixed弹窗后,在弹窗上滑动会导致下层的页面一起跟着滚动,给当前遮罩层添加catchtouchmove="true"便可。不过在电脑上调试是无效,因为这是触摸事件,需要在手机端测试,预览生成开发版,用手机微信扫描即可看到效果。 javascript...
当我再次用到这个方法时,发现确实实现了禁止页面滚动的效果,但是,同时也带来了副作用:如果底部页面比较长,在固定底部页面时,底部页面会自动跳到页面的最顶端(我本来在页面中间点了一个按钮,想要弹出一个框框,结果点完之后,底部页面直接滚到了最顶端,然后我就不知道我点了列表中的哪一项的按钮,尴尬。。。)而这一...
1. 禁止蒙版的滚动穿透 如果你想要禁止蒙版下的页面滚动,可以使用以下方法: <!-- page-meta 只能是页面内的第一个节点 --> <page-meta :page-style="`overflow:${show10 ? 'hidden' : 'visible'};`"></page-meta> <wd-popup v-model="show10" lock-scroll position="bottom" :safe-area-inset-bo...
要禁止 Uniapp 页面上下滑动,可以通过以下几种方法之一来实现: 使用CSS 样式:在你的页面样式文件(如App.vue或具体页面的.vue文件)中添加以下 CSS 样式: body{ overflow: hidden; } 这会阻止页面的滚动。 使用JavaScript:在页面加载时,通过 JavaScript 来禁止页面滚动。可以在mounted钩子函数中添加以下代码: mounted...
弹出框盒子内容 添加 @touchmove.stop.prevent=""此方法适用于弹出框页面没有滚动的情况下使用!!! <!--弹出框内容 --><view @touc...
<view class="mask" @touchmove.stop.prevent="handleMove"></view> 1. 2. // js 触发的函数:置空即可 handleMove: function() {}, 1. 2. 参考 【uniapp】禁止遮罩层下的页面滚动解决办法 https://uniapp.dcloud.net.cn/tutorial/vue-basics.html#事件修饰符...
哈喽小伙伴们~今天写uniapp开发的小程序,遇到一个问题 自己手动写了蒙版和小弹窗,小弹窗里的不支持销售的商品是可以滚动的,但是也会触发外部的滚动效果 1.png 网上找了挺多方法,都不可.于是,我尝试 在最外层的view标签 采用三元表达式,如果maskBool(蒙版)是开启的状态,使用 control-scroll 这个类名 ...
简介: uniapp:禁止蒙版下的页面滚动 代码 <!-- 弹窗 view --> <view class="mask" @touchmove.stop.prevent="handleMove"></view> // js 触发的函数:置空即可 handleMove: function() {}, 参考 【uniapp】禁止遮罩层下的页面滚动解决办法 https://uniapp.dcloud.net.cn/tutorial/vue-basics.html#...
uniapp 禁止遮罩层下的页面滚动 1<view @touchmove.stop.prevent="moveHandle"></view>//遮罩层23js:45methods: {6moveHandle() {}7}
{ "path": "xxxxx", "style": { "navigationStyle": "custom", "disableScroll": true } }, 页面配置里加 disableScroll 试试 有用 回复 土货: 只是页面的canvas触发事件让滚动禁止..canvs只是在这个页面的一分部内容 ..其他内容还是要上下滚动的 回复2022-12-07 来自广东 查看全部 3 个回答 ...