文档章节

Taro ScrollView 组件的 scrollTop 属性是个坑

dkvirus
 dkvirus
发布于 07/20 08:33
字数 254
阅读 33
收藏 0

官方issue:ScrollView设置scrollTop没效果

同样的,设置 scrollTop=0 并不能实现置顶,官方回复早就修复了,我的 Taro 版本已经是最新的,然而并未修复。

万能的评论区,给出了失效的原因。源码里设置 scrollTop 值不变时,即便设置 scrollTop=0 也不会起作用。

image

怎么让 scrollTop 变?第一个想到的监听滚动事件 onScroll,实际操作发现,onScroll 过程中 this.setState({ scrollTop: e.detail.scrollTop }),会导致滚动及其的卡顿。

最后使用随机数解决的,每次置顶不是设置 scrollTop=0,而是设置 scrollTop=Math.random(),因为随机数取值范围在 [0,1) 之间,可以伪装成置顶。

© 著作权归作者所有

dkvirus
粉丝 47
博文 123
码字总数 119286
作品 0
六安
程序员
私信 提问
小程序 + Taro 的一些坑整理(Wepy 已弃坑)

Taro Taro是啥我就不介绍了,基于react,多端渲染框架。 个人感觉其实这个框架仍然主要用在小程序上面,因为API对小程序的支持力度是最大的。基于react,支持redux状态管理,完全的组件化实现...

LinearLaw
01/23
431
0
Taro 1.3.4 发布,BAT 小程序、H5 与 RN 端统一框架

Taro 1.3.4 发布了。Taro 是一套遵循 React 语法规范的多端统一开发框架,支持用 React 的方式编写一次代码,生成能运行在微信小程序/百度智能小程序/支付宝小程序、H5 与 React Native 等端...

h4cd
07/01
1K
0
Taro 1.0.0 beta.10 发布,多端统一开发框架

Taro 1.0.0 正在紧锣密鼓地开发中,目前已发布 beta.10 版本,距离正式发布越来越近。 Taro 是由京东凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。 更新内容如下: Bug Fixe...

王练
2018/08/17
2.4K
1
Taro 多端开发的正确姿势:打造三端统一的网易严选(小程序、H5、React Native)

前言 笔者所在的趣店 FED 早在去年 10 月份就已全面使用 Taro 框架开发小程序(当时版本为 1.1.0-beta.4),至今也上线了 2 个微信小程序、2 个支付宝小程序。 之所以选用 Taro,解决微信小程...

jsNewbee
02/19
0
0
浅谈Taro和Apollo在开发过程中的实践

一、什么是Taro Taro是凹凸实验室研发的一套遵循React语法规范的多端开发的解决方案。使用Taro,可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信/百度/...

迷途小书童222
04/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

redis 学习2

网站 启动 服务端 启动redis 服务端 在redis 安装目录下 src 里面 ./redis-server & 可以指定 配置文件或者端口 客户端 在 redis 的安装目录里面的 src 里面 ./redis-cli 可以指定 指定 连接...

之渊
今天
2
0
Spring boot 静态资源访问

0. 两个配置 spring.mvc.static-path-patternspring.resources.static-locations 1. application中需要先行的两个配置项 1.1 spring.mvc.static-path-pattern 这个配置项是告诉springboo......

moon888
今天
4
0
hash slot(虚拟桶)

在分布式集群中,如何保证相同请求落到相同的机器上,并且后面的集群机器可以尽可能的均分请求,并且当扩容或down机的情况下能对原有集群影响最小。 round robin算法:是把数据mod后直接映射...

李朝强
今天
4
0
Kafka 原理和实战

本文首发于 vivo互联网技术 微信公众号 https://mp.weixin.qq.com/s/bV8AhqAjQp4a_iXRfobkCQ 作者简介:郑志彬,毕业于华南理工大学计算机科学与技术(双语班)。先后从事过电子商务、开放平...

vivo互联网技术
今天
24
0
java数据类型

基本类型: 整型:Byte,short,int,long 浮点型:float,double 字符型:char 布尔型:boolean 引用类型: 类类型: 接口类型: 数组类型: Byte 1字节 八位 -128 -------- 127 short 2字节...

audience_1
今天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部