"在微信小程序开发中,有时我们需要在弹出遮罩层时禁止遮罩层下的scroll-view组件滚动。为了实现这一需求,我们可以采取以下几种方法: 一、使用catchtouchmove事件 我们可以在遮罩层上绑定catchtouchmove事件,阻止触摸事件向下传递,从而达到禁止scroll-view滚动的效果。具体实现方法如下: 1.在遮罩层的wxml文件中,添加catch...
在小程序弹窗时,外部页面禁止滚动, 可以在最外部容器设置catchtouchmove 但是如果弹窗内部也需要滚动,需要用scroll-view包裹,并设置scroll-y catchtouchmove需要接收个方法,不然会一直警告 <viewclass="box">占位</view><viewclass="pop"catchtouchmove="touchMove"><viewclass="popbg"></view><viewclass="popup"...
.father{//父元素width:100vw;height:100vh;overflow-x:hidden;overflow-y:auto;}//隐藏滚动条::-webkit-scrollbar{width:0;height:0;color:transparent;display:none;}
小程序scroll-view设置view靠下就无法滚动? 页面根标签是screen,结构是3层,history-view是历史记录,exp-view是用户当前输入的表达式,result-view是计算结果。 history-view和exp-view是横向scroll-view,screen是竖向scroll-view,我的需求是: 3层在screen中靠下对齐,竖向超出screen高度后可以竖向滚动。 这样实现了靠下...
固定一下宽度试试
</scroll-view> </view> </view> </view> js: data: { // 一开始遮罩层与面板隐藏 shows: false, }, // 点击整个view弹出遮罩层 checkclick: function (e) { var that=this; that.setData({ shows: true, }); }, // 点击遮罩层,显示的遮罩层与面板又隐藏起来 ...
微信小程序禁止页面滚动的方法主要依赖于页面配置和样式调整。在页面的json配置文件中,可以设置disableScroll属性为true,这将直接禁止整个页面的滚动。若需更精细地控制滚动,可通过CSS样式设置overflow属性为hidden,来隐藏超出容器的内容,并阻止滚动。对于特定元素,如scroll-view组件,可通过设置其scroll-y或scroll-x属性为fa...
1、使用cover-view标签覆盖滚动条 2、使用scroll-view标签绕过滚动条 但各个方法都有各自的局限性 下面进入正题 1、用图层覆盖滚动条 cover-view 标签 在模拟器中虽被滚动条穿透 但真机实测中可以覆盖右侧滚动条 毕竟人家牛逼到能覆盖原生组件之上的 cover-view 官方介绍https://developers.weixin.qq.com/miniprogram...
<viewcatchtouchmove="doNothing"></view> AI代码助手复制代码 也可直接写catchtouchmove,相当于绑定了事件名为true的事件 问题场景 在小程序中,在absolute或fixed的类弹窗布局中。要显示列表、长文本段落等可滚动元素,必须使用scroll-view组件,无法阻止页面本身的滚动 ...