給需要定位的模塊設(shè)置唯一id
在需要跳轉(zhuǎn)的事件中擬寫(xiě)
// 定義錨點(diǎn)跳的元素
const recommendComponent = this.selectComponent('#recommend')
const query = wx.createSelectorQuery().in(this)
query.select('#recommend').boundingClientRect()
let _this = this
query.exec(res => {
_this.scrollTopFn(res[0].top)
})
}
// 此處是頁(yè)面滾動(dòng)的高度
// 如果頁(yè)面有自定義導(dǎo)航知牌,并且該navBar吞掉頁(yè)面的高度间螟,需要將頁(yè)面整體高度減去相應(yīng)的導(dǎo)航高度
scrollTopFn(top) {
wx.pageScrollTo({ scrollTop: top - this.navbarHeight })
}
// 跨頁(yè)面錨點(diǎn)跳
// 首先可以在元素上面掛載data參數(shù) 例如:
<!-- 主頁(yè)面 -->
<image data-detail="toList"></image>
const detail = e.currentTarget.dataset.detail
// 之后就可以攜帶query參數(shù)跳轉(zhuǎn)到對(duì)應(yīng)的頁(yè)面
<!-- 跳轉(zhuǎn)頁(yè)面 -->
可以在onLoad中取出參數(shù)作為判斷條件 執(zhí)行上面的代碼操作就可以跳轉(zhuǎn)了。(不使用scroll-view哦)