当前位置:网站首页>taro 滚动组件ScrollView
taro 滚动组件ScrollView
2022-08-04 16:51:00 【m0_49471668】
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,即可使用弹性布局边栏推荐
猜你喜欢
随机推荐
适配器模式
Minecraft HMCL 使用认证服务器LittleSkin进行登录
【小程序】实现发动态功能
【JVM】JVM调优
智慧场馆的无人值守怎么做?
LeetCode 0168. Excel表列名称
抖音最重要的接口——item_search_video-根据关键词获取视频列表
太一集团宣布全资收购火币旗下社交产品火信
pygame的freetype模块
xgboost模块param中的一些错误
屏幕分辨率兼容性
911S5正式谢幕后 如何找到一个好用的替代品
工龄10年的测试员从大厂“裸辞”后...
18数藏解析
码蹄集 - MT2165 - 小码哥的抽卡之旅1
7 月浏览器市场份额:Edge 全球第二、360 安全浏览器中国第二
服装店如何利用好积分?
Go语言gin框架返回json格式里,怎么把某个int属性转成string返回?
移动魔百盒CM201-1_CW_S905L2_MT7668_线刷固件包
移动百事通BesTV_R3300-L_S905L_8189_线刷固件包









