uniapp文档
以下是我遇到的业务场景,是点击商品分类的某一类 然后页面滚动至目标分类,
首先第一步是设置锚点跳转的目的地,在目标的dom上面添加id属性
然后给每个分类每一项添加点击事件,分类这里的item数据里面有一字段是和上面商品dom设置的id值是一一对应的
下面是点击事件,我发现有两种方式可以实现锚点跳转,一个是直接通过给api配置selector参数就可以跳转至id元素处,另一个是先获取dom的top值,然后通过给api配置scrollTop值来实现页面滚动。
文章来源:https://www.toymoban.com/news/detail-685910.html
除了上面方式,其实还可以使用scroll-view,因为上面已经满足我的业务需求,故就不在此过多赘述,有兴趣的同僚可以试试scroll-view的实现方式。 文章来源地址https://www.toymoban.com/news/detail-685910.html
到了这里,关于uniapp 微信小程序 锚点跳转的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!