在商品详情等页面，为了方便导航，微信小程序可以利用scroll-view组件的scroll-into-view属性实现锚点定位。关键步骤包括：设置page高度为100%，内容区域包裹在scroll-view中，设置scroll-view高度及scroll-y属性，并正确配置scroll-into-view。代码示例包括WXSS、JS和WXNL部分。
引言：在商品详情页面，一般会有商品图显示、商品主要信息、评价、商品详情等，这时候最好是在最上面加上导航，点击导航定位到对应的页面位置，比如京东的商品详情页面
对于一般的PC端网页，只需要使用<a href="#element_Id">，然后在地址栏最后加上#element_Id，就能很方便的跳转到该元素的位置。
那么，微信小程序该怎样解决呢？
解决思路
查找微信小程序的开发文档，发现可以使用scroll-view组件中的属性scroll-into-view实现
重点
将page的高度设置为100%；
导航下面的内容部分必须用
<scroll-view>包起来设置scroll-view的高度=屏幕的高度-导航的高度
设置scroll-view的属性
scroll-into-view="{ {toView}}"设置scroll-view的属性
scroll-
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
