小程序
小游戏
企业微信
微信支付
扫描小程序码分享
如题,想要在某个操作时禁止页面滚动,操作完成后页面恢复滚动
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
动态控制页面是否可滚动,使用page-meta组件,设置Page组件overflow: hidden即可。
https://developers.weixin.qq.com/community/develop/article/doc/000886e3d182a8c8d00ca216e5fc13
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
我有个想法,不知道可不可行,在最外层的view设置 overflow:{{isoverflow}}
在js控制isoverflow的值,禁止就是hidden
实测可行:
写一个透明遮罩,wxml和wxss这样写:
<view class="mm" catchtouchmove="abc"></view> .mm{ position: fixed; width: 100%; height: 100%; z-index: 9999; }
js里这样写:
abc(){ return false },
只要这个遮罩显示(wx:if、hidden或者visibility:hidden都可以用来调整显示与否),页面就卡住不让动了,然后你让允许操作的组件的z-index比这个遮罩高就行
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
动态控制页面是否可滚动,使用page-meta组件,设置Page组件overflow: hidden即可。
https://developers.weixin.qq.com/community/develop/article/doc/000886e3d182a8c8d00ca216e5fc13
我有个想法,不知道可不可行,在最外层的view设置 overflow:{{isoverflow}}
在js控制isoverflow的值,禁止就是hidden
实测可行:
写一个透明遮罩,wxml和wxss这样写:
<view class="mm" catchtouchmove="abc"></view> .mm{ position: fixed; width: 100%; height: 100%; z-index: 9999; }
js里这样写:
abc(){ return false },
只要这个遮罩显示(wx:if、hidden或者visibility:hidden都可以用来调整显示与否),页面就卡住不让动了,然后你让允许操作的组件的z-index比这个遮罩高就行