如果这都不出现滚动,那么原因可能有二: 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的问题导致了，我原本就是想让第一个选项和最后一个选项点击后都能够移动到...
实现思路就是,在scroll-view外边再包一个容器,它的高度小于scroll-view的高度,这样就会截掉滚动条,达到隐藏了滚动条的效果。 // scss.scroll-view-container{ // 包裹scroll-view的容器height: $fakeScrollHeight;overflow: hidden; // 这个设置了就能截掉滚动条啦 scroll-view {width:100%;white-space: nowrap...
最直白的方法,用户进入页面你让滚动条滚动一下,再回滚回去不就行了。能看见滚动条动一下,还能不清楚这是干嘛的。 2021-12-03 凌晨丶傍晚 回复. 我就是这么写的 2021-12-03 hυι 这种体验,就很不优雅了。产品经理不吃你这一套,如果你能话事。那没问题,问题是,产品经理觉得很Low,硬是要滚动条出来。
创新互联公司于2013年成立,先为古雷港等服务建站,古雷港等地企业,进行企业商务咨询服务。为古雷港企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。 另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸...
横向滚动 <scroll-view class="scroll__wrap" scroll-x="true"> <block wx:for="{{[1, 2, 3, 4, 5]}}"> <view class="scroll__item">{{item}}</view> </block> </scroll-view> 1. 2. 3. 4. 5. 6. .scroll__wrap { white-space: nowrap; ...
【我是坑】:我们都知道小程序组件 scroll-view 中分上下垂直滑动和左右横向滚动之分,但在使用过程中你可能会发现横向滑动没有效果(静止在那里,无法滑动)。 【原因】:使用横向滑动时,需要指定 scroll-view 元素内的空白不换行,可通过 WXSS 设置 white-space: nowrap;,另外还需要给滑动的元素设置 display: inline-...
在小程序中做一个横向滚动的视图,直接用 scroll-view,然后再配一个 scroll-x="true" 的属性就行了,难道真有这么简单吗? WXML: <scroll-viewclass='membersCategoryItemSV'scroll-x="true"><blockwx:for="{{[1,2,3,4,5]}}"wx:for-index="subIndex"wx:key="subItem"wx:for-item="subItem"><viewcla...