我們寫頁面時經(jīng)常需要實現(xiàn)類似根據(jù)城市首字母找到對應(yīng)城市的功能。之前在html中可以利用給元素添加id的方法,通過a標(biāo)簽錨鏈接到頁面對應(yīng)位置。如
< a href ="a.html#first">從其他頁面跳轉(zhuǎn)到a.html頁面的#first處 a>
但是在使用avm框架的時候發(fā)現(xiàn),框架不支持使用a標(biāo)簽,更不支持錨鏈接了,只能找尋其他方法。
看了一下官網(wǎng),發(fā)現(xiàn)avm所提供的scroll-view組件中有提供一些方法幫助實現(xiàn)此功能。
scroll-view組件的scroll-into-view屬性,可以通過設(shè)置子元素id的方法滾動到該元素所在位置。
后端返回的接口類似這樣的格式。所以要取到子元素id需要用到Object.keys方法,有關(guān)Object.keys的內(nèi)容可以點擊此鏈接>>查看。
將子元素的id設(shè)置為首字母。通過改變scroll-into-view屬性的值滾動到所在位置。
這樣便可以實現(xiàn)類似錨鏈接的功能。