uniapp 微信小程序 锚点跳转

uniapp文档

以下是我遇到的业务场景，是点击商品分类的某一类  然后页面滚动至目标分类，

首先第一步是设置锚点跳转的目的地，在目标的dom上面添加id属性

然后给每个分类每一项添加点击事件，分类这里的item数据里面有一字段是和上面商品dom设置的id值是一一对应的

下面是点击事件，我发现有两种方式可以实现锚点跳转，一个是直接通过给api配置selector参数就可以跳转至id元素处，另一个是先获取dom的top值，然后通过给api配置scrollTop值来实现页面滚动。

 

除了上面方式，其实还可以使用scroll-view，因为上面已经满足我的业务需求，故就不在此过多赘述，有兴趣的同僚可以试试scroll-view的实现方式。