解决: scroll-view 加 white-space: nowrap; scroll-view 子元素加 display: inline-block; ⚠️:不用加 display: flex; 属性 如下代码: <viewclass="instruments-head"><scroll-viewclass="instruments-scroll"scroll-x="true"><view
检查是否有CSS或JavaScript代码影响了scroll-view的横向滚动功能: 确保scroll-view组件的父级容器没有设置overflow: hidden或white-space: nowrap等可能阻止滚动的CSS属性。 确保scroll-view本身的宽度足够大,以容纳其内容,并且内容确实超出了scroll-view的可视区域。 检查scroll-view的子元素是否使用了适当的CSS属性,如...
这和props的单向数据流特性有关,组件内部scroll-top的实际值改动后,其绑定的属性并不会一同变化。 解决办法有两种(以scroll-view组件为例): <scroll-view scroll-y="true":scroll-top="scrollTop"@scroll="scroll"></scroll-view> 1、监听scroll事件,记录组件内部变化的值,在设置新值之前先设置为记录的当前值...
小程序 Bug scroll-view 微信iOS客户端 8.0.16 2.19.2 无法显示滚动条 <scroll-view scroll-x="{{true}}" enable-flex="{{true}}" enhanced="{{true}}" show-scrollbar="{{true}}" class="nav_course" > <view> 111111111 </view> </scroll-view> 回答关注问题邀请回答 收藏 分享 2 个回...
nodeper2楼
Scroll-View组件的scroll-x属性不起作用,最近在用uniapp写公司项目(小程序也是这样):横向滚动就是实现不了,用的是flex布局实现的,但是发现事与愿违。解决办法:给scroll-view容器加以下样式width:100%;white-space:nowrap;子元素(滚动的item项)display:inline-bloc
场景在用小程序scroll-view进行横向滑动,发现无效果。原来是自己html网页开发知识欠缺。 解决方案要想小程序scroll-view进行横向滑动,需要满足以下3个条件: 1.scroll-view设置scroll-x属性,表示告诉scroll-vie…
小程序scroll-view失效 横向滑动 要点:外层设置:white-space:nowrap;dispaly:flex; 内层设置:display:inline-block; <view> <scroll-view scroll-x="true" style="height:50rpx; white-space:nowrap ;display:flex;" > <view style="display:inline-block ;color:red;">niaho</view>...
scroll-view的scroll-into-view无效,在支付宝小程序里scroll-into-view随着点击事件而改变,但是就是不会滚动,代码如下: <scroll-view scroll-y="true" style="height:100%;" scroll-into-view="{{scrollTopId}}" scroll-with-animation="true" enable-back-to-top="true"> ...