微客导航 » 文章资讯 » 微信小程序 scroll-view 实现锚点跳转功能

微信小程序 scroll-view 实现锚点跳转功能

2023-08-04 15:23:04 247

在微信小程序中，使用scroll-view实现长页面的标记跳转，官方文档中没有例子演示，锚点标记主要是使用的scroll-into-view属性。

实现锚点跳转主要以下几点：

1、最外层容器使用scroll-view

2、赋值scroll-into-view，如：

3、设置scroll-view滚动方向scroll-y="true"

4、跳转到的位置使用id(定位)，如：


list0
list11
list29



{{item}}



data:{
list:["list0","list1","list2"],
toView:‘‘
},
jumpTo:function(e){
//获取标签元素上自定义的data-opt属性的值
lettarget=e.currentTarget.dataset.opt;
this.setData({
toView:target
})
},

总结

以上所述是小编给大家介绍的微信小程序scroll-view实现锚点跳转功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

微信小程序 scroll-view 实现锚点跳转功能

热门推荐

随机推荐