小程序scroll-view左右滑动失效问题

先说一下需求:

小程序scroll-view左右滑动失效问题_第1张图片

每一行商品数量超过三个的时候需要左右滑动,在小程序中明显需要使用的scroll-view组件,我们在scroll-view中中循环生成多个view标签,因为view都是块元素,自然是每一个ciew占一行的排列方式。这时候就要让view横向排列一行:

1、在scroll-view上使用display:flex,flex-direction:row;没有预期效果

2、在view上设置float:left,overflow:hidden;没有预期效果

3、设置view的css为 display:inliner-block,达到效果

所以scroll-view的滑块上不能使用flex,也不能使用float来控制,只能改变滑块的dispaly属性为行内元素排列。

你可能感兴趣的:(技术文摘,微信小程序)