如果这都不出现滚动,那么原因可能有二: 1.scroll-view的宽度大于或等于父级的宽度,解决方案为:手动设置scroll-view的宽度,直至能滑动为止,比如: width: 92vw 2.浏览器兼容性问题,可尝试先给scroll-view设置样式: overflow-x: scroll; overflow: auto;
本来横向滚动只要子元素宽度大于scroll-view固定宽度就可以滚动的,但是IOS App开发中子元素高度必须要大于scroll-view宽度才能滚动,应该是拿错参数了。 解决方案: scroll-view内部添加一个宽度为1像素的透明的占位View把内部容器的高度撑大即可(下图红色线条所示),高度为子元素的总宽度(下图蓝框),这样无论有多少个子元...
谢谢回答！确实是因为padding的问题导致了，我原本就是想让第一个选项和最后一个选项点击后都能够移动到...
value) in ScrollBarlist" :key="item.id" @click="ChangBar(value)" > <view class="bar_itme_text" :class="[activeIndex == value ? 'active' : '']"> {{ item }} </view> </view> </scroll-view> </template> import { ref } from '...
1.scroll-view默认是不滚动的。。所以要先设置scroll-x="true"或者scroll-y="true" 2. 在scroll-view里面添加定宽元素,超过scroll-view宽度(设置了100%,即屏幕宽度)后,它竟然换行了。所以要scroll-view的样式要这样设置: scroll-view { width: 100%; ...
scroll-view横向滚动 之前只是用sroll-view实现纵向滚动,没发现横向滚动实现起来需要注意的一些问题,所以现在记录,也算为时不晚吧。我的需求是横向滚动,里面显示一组带图片文字的按钮,点击收集formID。 wxml文件: <scroll-viewclass='scrollContainer'scroll-x><imageclass='recommandItemImg'src="{{item.img}}...
【我是坑】:我们都知道小程序组件 scroll-view 中分上下垂直滑动和左右横向滚动之分,但在使用过程中你可能会发现横向滑动没有效果(静止在那里,无法滑动)。 【原因】:使用横向滑动时,需要指定 scroll-view 元素内的空白不换行,可通过 WXSS 设置 white-space: nowrap;,另外还需要给滑动的元素设置 display: inline-...
scroll-view中设置了scroll-x="true"后,,可滚动视图区域暂时还不能横向滚动。需要把scroll-view的样式设置为white-space: nowrap; 并且子元素设置为 display: inline-block,这样就能横向滚动了; 正是因为scroll-view设置了white-space:nowrap属性,所以文本不能换行了,解决方案是 ...
编写代码以实现通过手势或操作来触发横向滚动: 在uniapp中,scroll-view组件本身支持手势滚动,用户可以通过在屏幕上左右滑动来触发横向滚动。如果需要额外的交互逻辑,比如点击按钮跳转到特定位置,可以在页面逻辑中处理。 测试并优化scroll-view的滚动效果和性能: 在不同的设备和屏幕尺寸上测试scroll-view的滚动效果,确保它...