我們寫頁面時經常需要實現類似根據城市首字母找到對應城市的功能。之前在html中可以利用給元素添加id的方法,通過a標簽錨鏈接到頁面對應位置。如
< a href ="a.html#first">從其他頁面跳轉到a.html頁面的#first處 a>
但是在使用avm框架的時候發現,框架不支持使用a標簽,更不支持錨鏈接了,只能找尋其他方法。
看了一下官網,發現avm所提供的scroll-view組件中有提供一些方法幫助實現此功能。

scroll-view組件的scroll-into-view屬性,可以通過設置子元素id的方法滾動到該元素所在位置。
后端返回的接口類似這樣的格式。所以要取到子元素id需要用到Object.keys方法,有關Object.keys的內容可以點擊此鏈接>>查看。


將子元素的id設置為首字母。通過改變scroll-into-view屬性的值滾動到所在位置。


這樣便可以實現類似錨鏈接的功能。



