小程序
小游戏
企业微信
微信支付
扫描小程序码分享
页面要有下拉刷新功能,所以页面本身要用page的滚动,现在有个蒙层,蒙层里面要有滚动,如何阻止蒙层的滑动穿透到页面上造成page滚动(和下拉刷新)?
8 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
动态禁止下拉刷新的方法找到了吗
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
没
@吴剑波 没有onPullDownRefresh方法 还是会有下拉动画的。。别说实时修改PageConfig了 能动态修改page的样式都好很多了
也许可以试着
delete this.onPullDownRefresh 还有 this.onPullDownRefresh = someHandler 的方式动态 moncky patch 这个页面配置(暂时还不能称之为一个类)。
如果不行的话,那就没招了哦。毕竟不能实时修改一个 PageConfig。
@吴剑波 这样是可以阻止滚动,但是蒙层上的滑动会触发page的下拉刷新
可以考虑在 modal 展示时给 page 标签或者最根部的 view 加上 overflow: hidden; 宽高固定为 100vw 和 100vh 等方式暂时阻止滚动。
记得在 modal 消失时去掉该样式。
@んS 我试过蒙层里面的滑动只有capture-catch:touchmove能阻止穿透到页面 但是现在蒙层里面需要滚动, 另外希望能出个pull-refresh-scroll-view组件 不用依赖页面的滚动
您可以尝试使用 view 组件,指定其 max-height、overflow、-webkit-overflow-scrolling、pointer-events 等样式属性。
心好累
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
动态禁止下拉刷新的方法找到了吗
没
@吴剑波 没有onPullDownRefresh方法 还是会有下拉动画的。。别说实时修改PageConfig了 能动态修改page的样式都好很多了
也许可以试着
delete this.onPullDownRefresh 还有 this.onPullDownRefresh = someHandler 的方式动态 moncky patch 这个页面配置(暂时还不能称之为一个类)。
如果不行的话,那就没招了哦。毕竟不能实时修改一个 PageConfig。
@吴剑波 这样是可以阻止滚动,但是蒙层上的滑动会触发page的下拉刷新
可以考虑在 modal 展示时给 page 标签或者最根部的 view 加上 overflow: hidden; 宽高固定为 100vw 和 100vh 等方式暂时阻止滚动。
记得在 modal 消失时去掉该样式。
@んS 我试过蒙层里面的滑动只有capture-catch:touchmove能阻止穿透到页面 但是现在蒙层里面需要滚动, 另外希望能出个pull-refresh-scroll-view组件 不用依赖页面的滚动
您可以尝试使用 view 组件,指定其 max-height、overflow、-webkit-overflow-scrolling、pointer-events 等样式属性。
心好累