uniapp 小程序 scroll-into-view
时间: 2023-08-18 21:04:33 浏览: 249
在uniapp小程序中,可以使用scroll-into-view属性来实现滚动到指定位置的功能。根据引用\[1\]和引用\[3\]的代码片段,可以看出scroll-into-view属性的用法。在scroll-view组件中,设置scroll-into-view属性的值为需要跳转的元素的id属性值,即可实现滚动到指定位置。例如,在引用\[1\]的代码中,通过设置scroll-into-view为rightIndex的值,可以实现滚动到id为rightIndex的元素位置。在引用\[3\]的代码中,通过设置scroll-into-view为"tab"+tabId的值,可以实现滚动到id为"tab"+tabId的元素位置。需要注意的是,scroll-into-view的值需要是一个字符串,可以是动态传参的方式来实现跳转到不同的位置。
#### 引用[.reference_title]
- *1* [uni-app和小程序中的scroll-view中的属性scroll-into-view的使用](https://blog.csdn.net/Beggarya/article/details/127421589)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [uni-app 微信小程序如何使用锚点定位 scroll-into-view](https://blog.csdn.net/w161513820/article/details/111996288)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [【uni-app】uni-app中scroll-into-view的使用](https://blog.csdn.net/Trees__/article/details/125880688)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文