scroll-view 是微信小程序原生組件,該組件可以創建一個橫向或縱向的移動區域.最常見的例子就是根據首字母選擇城市,相信大家都見過.
最近用到這個組件遇到一些坑,記錄下.
上代碼
wxml代碼
wxss代碼
js代碼
坑1 :使用豎向滾動時，需要給<scroll-view/>一個固定高度 原因很簡單,只有組件的內容超過組件的高度時,組件才會出現滾動條的.
坑2:scroll-into-view 該屬性可以跳躍到指定的 <scroll-view/>里邊任意子標簽的位置,前提是每個<scroll-view/>組件的字標簽必須有id這個屬性
scroll-into-view跳轉的也是id的值,這還不算結束,特別注意的是,scroll-into-view的值,必須是動態賦值的,不可以寫死,否則不生效.
最后附錄 官方文檔 https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html
