在微信小程序開發過程中,我們會經常使用到scroll-view組件,有時我們要在scroll-view中水平顯示列表,類似這樣:
但是當我們設置了scroll-view的flex-direction:row;等屬性時,會發現沒有用,列表依然垂直顯示,像這樣:
主要是因為display:flex;等屬性對於scroll-view來說是沒有用的,此時我們只需要設置子試圖的屬性display: inline-block;即可,不需要設置scroll-view的flex屬性。
但是當我們設置完成後可能會出現一下情況:
會發現列表好像沒有對齊,有兩個子試圖錯位了,接下來我們可以通過設置子屬性vertical-align:top;來解決,最後會得到我們想要的效果。
㈡ 微信小程序scroll-view 能自動滾動嗎
scroll-view為滾動視圖,分為水平滾動和垂直滾動。注意滾動視圖垂直滾動時一定要設置高度否則的話scroll-view不會生效。