小程序scroll-view左右滑動失效問題

先說一下需求:

每一行商品數量超過三個的時候需要左右滑動,在小程序中明顯需要使用的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屬性爲行內元素排列。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章