欧美成人片一区二区三区,久久碰人妻一区二区三区,久久婷婷激情综合色综合俺也去,狂野欧美性猛交免费视频,久久夜色精品国产亚洲

09
2023/09

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

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

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

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

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

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

scroll-view組件屬性

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

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

后臺數(shù)據(jù)格式

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

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

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

實現(xiàn)方法

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

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