页面弹窗滑动导致整体页面滑动的问题解决

解决uni-popup弹出层出现，列表还能滚动。

【代码】解决移动端uniapp：滑动弹出蒙层底部跟着滑动的问题。

同事使用的u-popup组件，然后就有了弹框出来了，但是底下的页面仍然可以滑动，没办法，有问题就解决问题，在网上找了一圈，找的第一种方法，也是看到最多次的方法，但对我没用。于是又花时间找了一圈，找到了一用就好的方法，真的是为了一个bug花费了我老长时间，希望你们不踩坑。步骤一：在main.js中写入两个方法 一个是可以滚动方法 一个是禁止滚动方法。步骤二：在使用弹框的页面调用该方法，在弹窗需要弹出展示前先调用禁止滚动的方法。在关闭弹窗之前调用滚动方法。

【代码】解决uniapp中弹窗在滑动蒙层时，会滑动下面页面内容。

开发项目过程中，常常需要自己写弹出框，弹出框里可能或是列表，可能会是提示。当为列表或者需要弹出框内容滚动的时候，常常会遇到底层的内容一起跟着滚动。 今天分享个解决方案，希望能够帮的上遇到此问题的小伙伴。 在弹出层的遮罩view标签和内容view标签分别加上@touchmove.stop.prevent="disabledScroll" <view class="nav-bg" v-if="showTabModal" @click="onCloseMoreBg" @touchmove.stop.p

UNIAPP#前置条件：环境为uniapp+vue3+ts,使用的是composition api开发。

ScrollIntoView使用

解决方法：弹框内容使用。

最近在做个项目，其中有个页面是申请登录页面，在手机上测试的是用vscode的live-server，把地址链接发到微信上打开就出现问题了。点击按钮以外的区域也会触发这个按钮才有的事件。就因为这个老大叼了我一顿，说我布局有问题，委屈巴巴~~~好在通过百度找到了问题所在。   看网上的解释就是因为当 input失去焦点，页面被顶起没有还原，按钮或者input还在原来的位置。 所以就有以下的方法来处理 ...

在使用uniapp开发小程序时，弹窗遮罩层弹出时，常常遇到一个问题：页面内容仍然可以滚动，导致弹窗体验不好。特别是在弹窗遮罩出现时，用户意外滑动页面会造成页面和弹窗重叠，影响用户体验。本文分享一个简单实用的方法，教你如何通过事件捕获和样式控制，实现小程序弹窗遮罩层出现时，禁止底层页面滚动，提升用户体验。小程序中禁止遮罩弹窗下页面滚动，关键是阻止遮罩层touchmove事件冒泡和默认行为。结合动态设置外层容器，限制页面高度，避免页面整体滚动。

'hidden':'visible')">即可。1.首先需要根据判断弹窗是否打开，并将参数传给最外层盒子（指的是最外层盒子，子组件做外层盒子不行，必须是父组件盒子）2.根据参数判断在最外层标签上写入。这是父组件（或最外层盒子）如此便可以阻止父组件滚动。

uni-popup 并不能,完全阻止页面滚动，可在打开 uni-popup 的时候手动去做一些处理，禁止页面滚动,禁止页面滚动

uni-app、u-popup、遮罩滚动穿透