小程序根據索引滾動指定的位置

完成的效果大概是這樣的

clipboard.png

實現須要組件
須要的數據

clipboard.png

簡要邏輯說明
  1. 根據數據循環出對應的索引和數據,左側字母索引懸浮,右側數據順序展現
  2. 右側數據每一個view的id對應左側的字母索引【id不能以數字開頭】
  3. 點擊左側字母經過改變scroll-into-view的值就完成了。
代碼片斷

clipboard.png

clipboard.png

相關文章
相關標籤/搜索