在使用uni开发百度小程序的过程中,有一列水平滑动的新闻列表,采用overflow-y:scroll,滑动效果真的是很不好,在使用uni官方组件scroll-view 的时候,又遇到了一个深坑,
官网组件例子是这样的:
<scroll-view class="scroll-view_H" scroll-x="true" @scroll="scroll" scroll-left="120">
<view id="demo1" class="scroll-view-item_H uni-bg-red">A</view>
<view id="demo2" class="scroll-view-item_H uni-bg-green">B</view>
<view id="demo3" class="scroll-view-item_H uni-bg-blue">C</view>
</scroll-view>
本着复制粘贴的正宗技术,发现写出来的效果不是那么回事,本来是要水平滚动的,结果却是垂直滚动,难道弹性布局的样式没生效?我左检查右检查愣是没看出来问题所在。
这调试看着没毛病啊
最终发现,内层滑块还需要包一层 —— ——!
好吧,这不是css 干扰的锅,
最终完美的滑动!