uniapp小程序中scroll-view滑动类似锚点链接直接定位到某一点

mmmmmmmmmmmy

已于 2024-01-13 16:30:28 修改

阅读量628

点赞数

文章标签： 1024程序员节 css 前端 uni-app javascript html

于 2023-10-24 11:43:03 首次发布

本文链接：https://blog.csdn.net/weixin_69666355/article/details/134008788

版权

本文介绍了在uni-app开发中如何在scroll-view组件中使用scroll-into-view属性，通过将scan字符串与goindex唯一值组合并设置该属性，实现内容的自动滚动定位。同时提到了相关文档来源——uni-app官网。

摘要由CSDN通过智能技术生成

1.scroll-view标签上加上:scroll-into-view="'scan'+goindex"属性

<scroll-view style="height: 100%;padding-bottom: 100rpx;" scroll-y @scrolltolower="onreachBottom"
				:scroll-top="scrollTop" :refresher-enabled="false" :refresher-triggered="triggered"
				:refresher-threshold="50" refresher-background="#f8f8f8" @refresherrefresh="onRefresh"
				:scroll-into-view="'scan'+goindex" @scroll="scrolling" @refresherrestore="onRestore">	内容</scroll-view>

2.直接给goindex赋值(注意:goindex就是唯一值)定位到数据的唯一值

注意:scroll-into-view后面添加一个自定义的字符串再加上唯一值

使用文档:scroll-view | uni-app官网