微信小程序-实现锚点跳转,页面加载后自动跳转点击跳转到指定位置
目录
微信小程序-实现锚点跳转，页面加载后自动跳转、点击跳转到指定位置
一、页面加载后滚动到指定位置，onLoad或onReady里执行。
scrollAfterLoading() {
const query = wx.createSelectorQuery()
query.select('#cont1').boundingClientRect()
query.selectViewport().scrollOffset()
query.exec(function (res) {
wx.pageScrollTo({
scrollTop: res[0].top
})
})
}二、点击事件，跳转到指定ID位置，需要位置bind:tap就可以了。
scrollToAnchor: function () {
const query = wx.createSelectorQuery()
query.select('#cont2').boundingClientRect()
query.selectViewport().scrollOffset()
query.exec(function (res) {
wx.pageScrollTo({
scrollTop: res[0].top + res[1].scrollTop
})
})
}三、完整代码下载链接