微信小程序锚点跳

给需要定位的模块设置唯一id
在需要跳转的事件中拟写

// 定义锚点跳的元素
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)
  })
}
// 此处是页面滚动的高度  
// 如果页面有自定义导航,并且该navBar吞掉页面的高度,需要将页面整体高度减去相应的导航高度
scrollTopFn(top) {
  wx.pageScrollTo({ scrollTop: top - this.navbarHeight })
}
// 跨页面锚点跳
// 首先可以在元素上面挂载data参数  例如:
<!-- 主页面 -->
<image data-detail="toList"></image>
const detail = e.currentTarget.dataset.detail
// 之后就可以携带query参数跳转到对应的页面
<!-- 跳转页面 -->
可以在onLoad中取出参数作为判断条件 执行上面的代码操作就可以跳转了。(不使用scroll-view哦)
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容