上一章我們利用scroll-view組件的scroll-into-view屬性實現了類似錨鏈接的功能。除了利用屬性外,scroll-view組件還提供了一個scrollTo方法,使頁面滾動到指定位置。可配置參數如下:

可以看到參數view通過把值設置為某子元素id的方法跳轉對應位置,實現思路與scroll-into-view屬性是類似的。


我們需要通過document.getElementById獲取到本頁的scroll-view元素。當點擊右側首字母時,將子元素id傳給scrollTo方法的view參數。

這樣便可以成功實現頁面位置的跳轉了。
scroll-into-view屬性和scrollTo方法都能夠實現類似錨鏈接的頁面位置跳轉,區別就是使用scroll-into-view屬性是直接跳轉,而使用scrollTo方法會自帶一個滾動的效果,可以通過animated參數來設置滾動是否帶有動畫,默認為true,如圖:


可以按照自己所需來選擇不同的實現方法。
關鍵詞:



