Taro中使用ScrollView的那些事_资讯

创始人

2024-03-04 10:21:18

0次

开发场景：h5嵌入app webview

Taro：3.x

1、是否需要给ScrollView高度（Taro官网给的描述：H5 中 ScrollView 组件是通过一个高度（或宽度）固定的容器内部滚动来实现的，因此务必正确的设置容器的高度）

1）可以不给单纯给一个页面堆填元素展示只是为了页面滚动（其实不用这个组件都ok 浏览器窗口自带滚动功能）主要考虑后续会使用的一些ScrollView的方法

2）给height 这个就根据你的场景给了一般也就是100vh

2、Scrollview的方法不生效

需要给Scrollview这个组件固定的高度不给固定高度情况下滑动触发的是body的滑动

3、ScrollView的方法生效了但是滑动到一定距离会失效

在基于2的解决方案上 ScrollView组件的高度要<=可视窗口的高度超出窗口距离再往下滑动情况会触发body的滑动 ScrollView的滑动事件会失效

基本业务场景：

1、单纯长列表数据实现上拉刷新下拉加载 100vh基本可以覆盖

2、长列表数据独立于ScrollView这个组件平级有一个固定展示的dom 或者底部有一个固定悬浮的按钮这时候100vh就需要减去合适的高度在给到ScrollView 否则就会导致触发错误的滑动事件以及列表底部部份数据无法滑动展现

3、嵌入app还需要考虑相关机型的安全区域高度对于ScrollView高度的影响（因为当前开发功能不是使用webview的导航而是h5自己写的）

上一篇： 太阳底下散文

鸟巢导游词英文鸟巢导游词英文范文　　作为一名乐于为游客排忧解难的'导游，通常需要准备好一份导游词，导游词的主要特点...

开封包公祠导游词开封包公祠导游词　　包公祠全名“包公孝肃祠”，位于合肥市环城南路东段的一个土墩上，是包河公园的主 ...

浙江省安吉大竹海导游词浙江省安吉大竹海导游词　　导游内容：大竹海概况→五女湖.五女船→竹龙引泉→动感影视吧→投缘池→幽泉煮...

斗篷山导游词最新斗篷山导游词最新范文　　作为一位不辞辛劳的导游，就不得不需要编写导游词，导游词是讲解当地的基本情况，...

云南省大理概况导游词云南省大理概况导游词（精选5篇）　　作为一无名无私奉献的导游，通常会被要求编写导游词，导游词是导游员...

武当山南岩宫导游词武当山南岩宫导游词（精选12篇）　　作为一名可信赖的导游人员，常常需要准备导游词，导游词具有极强的实...

合肥包公园导游词合肥包公园导游词　　包公园，位于安徽省合肥市芜湖路72号，始建于北宋嘉祐七年，是为纪念北宋著名清官包...

景点贵阳花溪公园导游词景点贵阳花溪公园导游词　　作为一位兢兢业业的旅游从业人员，时常需要用到导游词，借助导游词可以更好地宣...

孔庙导游词　　孔庙导游词（一）　　尊敬的各位来宾：　　你们好！我受旅游、接待部门的委托，对光临名城曲阜参观游览...

石家庄驼梁景区导游词石家庄驼梁景区导游词尊敬的各位游客：　　大家好！　　欢迎大家来到驼梁，我是中游旅行社的一名导游员，我...

介绍傣家竹楼导游词300 傣家竹楼是傣族固有的典型建筑。下层高约七八尺，四无遮栏，牛马拴束于柱上。上层近梯处有一露台，转进为长...

电视剧《乱世佳人》简介及经典... 电视剧《乱世佳人》简介及经典台词　　电视剧简介：　　《乱世佳人》亦可称为民国版《美人心计》，由唐嫣饰...

丹东鸭绿江导游词丹东鸭绿江导游词　　鸭绿江是我们中国和朝鲜的分界线，各位导游，请看下面的丹东鸭绿江导游词，希望可以帮...

幼儿园运动会闭幕式主持词幼儿园运动会闭幕式主持词　　主持人在台上表演的灵魂就表现在主持词中。随着社会一步步向前发展，各种场合...

70大寿主持词 70大寿主持词　　主持词的写作需要将主题贯穿于所有节目之中。现今社会在不断向前发展，主持人的需求越来...

个人领奖感谢词个人领奖感谢词（精选7篇）　　获得奖励或者嘉奖，不仅是一份荣誉，更是一份激励。你知道怎么写感谢词吗，...

重阳节经典致辞关于重阳节经典致辞（精选6篇）　　在生活、工作和学习中，大家都不可避免地会接触到致辞吧，致辞要求风格...

幼儿园元旦文艺汇演主持词男小主持：尊敬的家长，亲爱的老师女小主持：可爱的小朋友合：大家新年好!男小主持：春夏秋冬，黑夜清晨女...

大话西游降妖篇2台词大话西游降妖篇2台词　　导语：《西游伏妖篇》也是继春节档周星驰执导电影《美人鱼》中徐克客串表演之后，...

晚会活动主持词　　引导语：晚会最重要的一点就是主持，而有关晚会活动的主持词要怎么写呢？接下来是小编为你带来收集整理...