微信小程序锚点定位使用教程

在商品详情页面,一般会有商品图显示、商品主要信息、评价、商品详情等,这时候最好是在最上面加上导航,点击导航定位到对应的页面位置。

比如在京东的商品详情页面,对于一般的PC端网页,只需要使用 ,然后在地址栏最后加上#element_Id,就能很方便的跳转到该元素的位置。

1.将page的高度设置为100%;

2.导航下面的内容部分必须用 包起来

3.设置scroll-view的高度=屏幕的高度-导航的高度

4.设置scroll-view的属性 scroll-into-view="{{toView}}"

5.设置scroll-view的属性 scroll-y=“true”

6.设置锚点

微信小程序锚点定位使用教程

微信小程序锚点定位使用教程

微信小程序锚点定位使用教程