当前位置:网站首页>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,即可使用弹性布局边栏推荐
- How to convert an int attribute into a string in the json format returned by the Go language gin framework?
- 转型阵痛期,好未来减亏容易增收难?
- 推荐 7 月份 yyds 的开源项目
- shell脚本详解 --------循环语句之for循环
- 北京海淀6家必胜客被暂停外卖订餐 存在食品安全问题
- 浙江移动咪咕MGV2000-K4_ZJ_S905l2_7661_线刷固件包
- RTL8762DK 远端设备配对
- 8年软件测试感悟,送给刚入测试行业的小伙伴
- WEB 渗透之SSTI 模板注入
- 从正负样本解耦看对比学习为何需要large batch size训练Ddcoupled Contrastive learning (DCT)
猜你喜欢
随机推荐
【笔试题】-【日常记录】
【JVM】JVM调优
Mysql Explain
机器学习(十八):随机搜索和XGBoost
奖金池高达 20 万,RTE 2022 创新编程挑战赛正式开启
湖北电信天邑TY1608_S905L3B_MT7668_卡刷固件包
Taurus.MVC WebAPI 入门开发教程2:添加控制器输出Hello World。
动手学深度学习_AlexNet
Minecraft 服务器安装Forge 并添加Mod
机器学习(十六):主成成分分析(PCA)
jasmine.any(Function) 的一个使用场景
移动海信IP102H_905L3-B_线刷固件包
Steady Development | Data and Insights on Mobile Game Players in Western Europe
WEB 渗透之越权
北京海淀6家必胜客被暂停外卖订餐 存在食品安全问题
SAP 电商云 Spartacus UI 页面布局的设计原理
leetcode 48. Rotate Image 旋转图像(Medium)
18数藏解析
推荐 7 月份 yyds 的开源项目
Analysis of Http-Sumggling Cache Vulnerability









