uniapp的scroll-into-view
时间: 2023-10-11 22:05:09 浏览: 237
uniapp scroll-view 横向和纵向滚动 带滚动回调
scroll-into-view是uni-app框架中的一个功能,用于实现页面滚动到指定位置。在uni-app中使用scroll-into-view,你需要在需要滚动的元素上设置一个id,然后将该id赋值给scroll-into-view属性,页面就会滚动到对应的位置。
在小程序中实现锚点功能,也可以使用<scroll>标签中的scroll-into-view属性,将需要滚动到的元素id赋值给scroll-into-view,然后页面就会自动滚动到对应的位置。
以下是uni-app和小程序中使用scroll-into-view的示例代码:
在uni-app中的使用示例:
```
<template>
<view>
<scroll class="scroll-box" scroll-into-view="{{toView}}" scroll-with-animation>
<!-- 内容 -->
</scroll>
</view>
</template>
```
在小程序中的使用示例:
```
<scroll-view class="con" scroll-y="true" :scroll-into-view="rightIndex" scroll-with-animation>
<view class="text" v-for="(item, index) in list" :key="index" :id="`right${index}`">
{{item}}
</view>
</scroll-view>
```
阅读全文