微信小程序開發(fā),使用 scroll-view 實現(xiàn)長頁面的標記跳轉(zhuǎn)
<scroll-view>容器的官網(wǎng)文檔說明:
https://mp.weixin.qq.com/debug/wxadoc/dev/component/scroll-view.html
實現(xiàn)該功能主要使用 <scroll-view> 的 scroll-into-view 屬性邮绿,但是官方文檔中沒有這個功能的演示酱塔,并且有一些重要的配置官方文檔也并沒有說明壹哺,下文是實際開發(fā)中的解決方案。
重點 :
設(shè)置 page 的 height : 100%;
設(shè)置 scroll-view 容器的高度,例如 height : 100%;
使用 scroll-view 容器做最外層
賦值 scroll-into-view,<scroll-view scroll-into-view="{{toView}}">
一定要給 scroll-view 設(shè)置方向?qū)傩?scroll-y="true"
跳轉(zhuǎn)到位置的標記使用 id(定位)骡男,例如 <view id="mark1">