久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

09
2023/09

YonBuider之利用scroll-view組件實(shí)現(xiàn)錨鏈接(上)

發(fā)布時(shí)間:2023-09-09 17:42:41
發(fā)布者:MaiMai
瀏覽量:
0

我們寫頁(yè)面時(shí)經(jīng)常需要實(shí)現(xiàn)類似根據(jù)城市首字母找到對(duì)應(yīng)城市的功能。之前在html中可以利用給元素添加id的方法,通過(guò)a標(biāo)簽錨鏈接到頁(yè)面對(duì)應(yīng)位置。如

< a href ="a.html#first">從其他頁(yè)面跳轉(zhuǎn)到a.html頁(yè)面的#first處

但是在使用avm框架的時(shí)候發(fā)現(xiàn),框架不支持使用a標(biāo)簽,更不支持錨鏈接了,只能找尋其他方法。

看了一下官網(wǎng),發(fā)現(xiàn)avm所提供的scroll-view組件中有提供一些方法幫助實(shí)現(xiàn)此功能。

scroll-view組件屬性

scroll-view組件的scroll-into-view屬性,可以通過(guò)設(shè)置子元素id的方法滾動(dòng)到該元素所在位置。

后端返回的接口類似這樣的格式。所以要取到子元素id需要用到Object.keys方法,有關(guān)Object.keys的內(nèi)容可以點(diǎn)擊此鏈接>>查看。

后臺(tái)數(shù)據(jù)格式

DOM結(jié)構(gòu)

將子元素的id設(shè)置為首字母。通過(guò)改變scroll-into-view屬性的值滾動(dòng)到所在位置。

DOM結(jié)構(gòu)

實(shí)現(xiàn)方法

這樣便可以實(shí)現(xiàn)類似錨鏈接的功能。

關(guān)鍵詞:
返回列表