1、使用
import { ScrollView } from '@tarojs/components'
<ScrollView
className='scrollview'
scrollY 指定滑动方向
scrollWithAnimation 开启滑动动画
enableBackToTop 点击顶部标题栏滑动到顶部
scrollTop={n} 设置竖向滚动条位置
scrollLeft={n} 设置横向滚动条位置
lowerThreshold={n} 上拉加载阈值
upperThreshold={n} 下拉刷新阈值
onScrollToUpper={回调} 下拉刷新回调
onScrollToLower={回调} 上拉加载回调
onScroll={回调} 滑动过程函数
scrollIntoView=‘id’ 值应为某子元素id(id不能以数字开头)。设置哪个方向可滚动,则在哪个方向滚动到该元素
enableFlex 允许弹性布局
>
...
</ScrollView>
水平滚动
方式一:
(1)设置属性scrollX
(2)ScrollView本身添加样式:white-space:'nowrap'
(3)子组件本身添加样式:display: 'inline-block'
方式二:
ScrollView设置属性enableFlex,即可使用弹性布局
taro 滚动组件ScrollView
最新推荐文章于 2024-08-30 10:18:04 发布