自带滚动效果的蒙层 阻止穿透触发page的滚动
发布于 5 年前 作者 caona 10869 次浏览 来自 问答

页面要有下拉刷新功能，所以页面本身要用page的滚动，现在有个蒙层，蒙层里面要有滚动，如何阻止蒙层的滑动穿透到页面上造成page滚动(和下拉刷新)？

8 回复

您可以尝试使用 view 组件，指定其 max-height、overflow、-webkit-overflow-scrolling、pointer-events 等样式属性。

@吴剑波  这样是可以阻止滚动，但是蒙层上的滑动会触发page的下拉刷新

也许可以试着

delete this.onPullDownRefresh 还有 this.onPullDownRefresh = someHandler 的方式动态 moncky patch 这个页面配置（暂时还不能称之为一个类）。

如果不行的话，那就没招了哦。毕竟不能实时修改一个 PageConfig。

@んS 我试过蒙层里面的滑动只有capture-catch:touchmove能阻止穿透到页面  但是现在蒙层里面需要滚动， 另外希望能出个pull-refresh-scroll-view组件  不用依赖页面的滚动

可以考虑在 modal 展示时给 page 标签或者最根部的 view 加上 overflow: hidden; 宽高固定为 100vw 和 100vh 等方式暂时阻止滚动。

记得在 modal 消失时去掉该样式。

动态禁止下拉刷新的方法找到了吗

@吴剑波  没有onPullDownRefresh方法  还是会有下拉动画的。。别说实时修改PageConfig了  能动态修改page的样式都好很多了

心好累

回到顶部