一、CSS样式冲突 在微信小程序中,如果scroll-view的外部或内部元素存在CSS样式冲突,可能会导致滚动功能失效。例如,外部容器的overflow属性设置为hidden,或者内部子元素的高度超出了scroll-view的高度限制,都可能阻止滚动。 解决方法:检查并调整CSS样式,确保scroll-view及其子元素的样式不会干扰滚动功能。可以尝试去除一些...
固定一下宽度试试
四、检查样式冲突 有时,其他样式可能会与scroll-view组件的样式发生冲突,导致滚动效果失效。需仔细检查相关样式,确保无冲突存在。 五、代码错误排查 除了以上常见问题外,代码错误也可能导致scroll-view组件无法滚动。应仔细检查代码,确保逻辑正确且无误。 综上所述,微信小程序scroll-view组件不滚动的问题可能源于多种...
小程序scroll-view设置view靠下就无法滚动? 页面根标签是screen,结构是3层,history-view是历史记录,exp-view是用户当前输入的表达式,result-view是计算结果。 history-view和exp-view是横向scroll-view,screen是竖向scroll-view,我的需求是: 3层在screen中靠下对齐,竖向超出screen高度后可以竖向滚动。 这样实现了靠下...
滚动区域设置不正确：如果滚动区域设置不正确，scroll-into-view也可能失效。需要确保滚动区域正确地包含了...
1、没有设置高度,根据小程序文档,在使用 scroll-view 组件用于竖向滚动时一定要设置高度。 2、没有设定scroll-y 3、组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。设定百分比高度可能不生效 4、scroll-view 里有两个子元素,加一个view给包起来 ...
如图微信小程序中 scroll-view组件外div加display:flxed后, scroll-view组件滚动失效 github项目地址:https://github.com/fancaixia/wx-scroll-view 解决办法: scroll-view宽度为屏幕宽度, 子元素view.cont设置overflow:auto;内容超出屏幕会出滚动条,然后便可以拖动了, 最外层header设置overflow-y: hidden;隐藏滚动条...
sticky失效 使用fixed解决 解决方法(忽略第二种,只是记录自己的愚蠢时刻): 在没有特殊样式的情况下可以直接使用sticky-section,超级好用 https://developers.weixin.qq.com/miniprogram/dev/component/sticky-section.html 在scroll-view的bindscroll方法里,当scrollTop超出一定值时,让想要吸顶的元素的position,从sticky...
微信小程序scroll-view不起作用,bindscrolltolower事件无响应 1、没有设置容器高度(scroll-y) 2、scroll-view内部有设置样式overflow:scroll