微信公众号开发

微信小程序锚点跳转

本文主要是介绍微信小程序锚点跳转,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
 <scroll-view class="nav-right" scroll-into-view="{{toView}}" scroll-y="true" scroll-with-animation="true">
这个是可以滚动的容器

<view id="goid">要跳转的子元素</view>

</scroll-view>

 scroll-into-view  :绑定要跳转的子元素id     scroll-y:表示Y轴滚动     scroll-with-animation :滚动动画

只需要点击按钮把 toView  变成需要跳转元素的id即可

data:{
  toView:""  
}
onclick(){
  this.setData({
       toView:"goid"
  })     
} 

详细内容:https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html

这篇关于微信小程序锚点跳转的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!