本文介绍了如何在微信小程序中实现类似PC网页的锚点定位功能。通过设置page高度为100%，使用scroll-view组件，并配置scroll-into-view、scroll-y属性，结合锚点，可以实现在商品详情等页面的导航定位。
在商品详情页面，一般会有商品图显示、商品主要信息、评价、商品详情等，这时候最好是在最上面加上导航，点击导航定位到对应的页面位置。
比如在京东的商品详情页面，对于一般的PC端网页，只需要使用 ，然后在地址栏最后加上#element_Id，就能很方便的跳转到该元素的位置。
1.将page的高度设置为100%；
2.导航下面的内容部分必须用 包起来
3.设置scroll-view的高度=屏幕的高度-导航的高度
4.设置scroll-view的属性 scroll-into-view="{{toView}}"
5.设置scroll-view的属性 scroll-y=“true”
6.设置锚点
最低0.47元/天 解锁文章
扫一扫
6722
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
