在制作小程序的时候,我们普遍使用uni-app来进行制作,其中scroll-view组件使用频率很高,但实话实说,官方文档那个示例给的简直丧心病狂,按照那个示例你根本搞不出一个简单的滚动效果。
经过测试,主要问题在以下两个方面:
横向滚动不生效
横向滚动不生效的问题是因为少了两行代码:
white-space: nowrap; 使用在scroll-view的class中
display:inline-block; 使用在里边滚动的class中
纵向滚动 必须指定滚动区域的高度。
不设置高度的话,scroll-view是不会滚动的,此时滚的是页面。
<view class=”scroll”>
<scroll-view class=”scroll-view” scroll-x>
<view class=”class_tiem”><image src=”../../static/dbr.jpg”></image></view>
<view class=”class_tiem”><image src=”../../static/chanpin.jpg”></view>
<view class=”class_tiem”><image src=”../../static/dbr.jpg”></view>
</scroll-view>
</view>
style样式中:
.scroll-view{
white-space:nowrap;
}
.class_tiem{
display:inline-block;
}
这样就可以生效了,简直坑啊。。
常见问题
所有的素材与插件都可以用吗?
本站所有的素材与插件(包括免费的),都是本工作室用过的,测试过的,或者二开修改过的,理论上来说没有什么bug,但不保证在所有环境下都可以完美运行。
收费素材与免费素材怎么定义的
本站收费的素材,也是及其便宜的,其实就是收个打赏钱,是工作室对这些插件的测试,整理,修复,优化的辛苦钱,并非开发插件的费用,原创插件或者模版收费稍贵一些。
出现问题了怎么办?
由于收费非常低,大部分都不超10元,所以并不提供售后服务,但您如果需要,可以联系我付费咨询,费用为50元/次/小时。如果是原创模版或者插件,可以免费为您指导。
原文链接:https://www.52gys.cn/3808.html,转载请注明出处。
评论0