当前位置:网站首页>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,即可使用弹性布局
边栏推荐
猜你喜欢
随机推荐
安装win11提示开启安全模式如何解决
ES中同时使用should和must导致只有must生效解决方案
Hubei Mobile HG680-LV_S905L3B_wire brush firmware package
博云入选Gartner中国云原生领域代表性厂商
911S5正式谢幕后 如何找到一个好用的替代品
重新审视分布式系统:永远不会有完美的一致性方案……
海报 | 夏季高温,危化品安全风险的注意事项必须get!
Mobile Hisense IP102H_905L3-B_wire brush firmware package
抖音最重要的接口——item_search_video-根据关键词获取视频列表
SAP 电商云 Spartacus UI 页面布局的设计原理
AtCoder Beginner Contest 262 部分题解
LeetCode 0167. 两数之和 II - 输入有序数组
How to convert an int attribute into a string in the json format returned by the Go language gin framework?
游戏云服务器配置怎么选合理?
浙江移动咪咕MGV2000-K4_ZJ_S905l2_7661_线刷固件包
刷爆朋友圈!Alibaba出品亿级并发设计速成笔记太香了!
《分布式云最佳实践》分论坛,8月11日深圳见
华为应用市场“图章链接”功能上线 让APP分发突破机型壁垒
乐享购(分享购)的模式:优势、亮点、收益
测试零基础如何进入大厂?一场面试教会你(附面试题解析)