ListView 滚动无法展示最后一条

2021-05-24  本文已影响0人  王善良_

现象:

配置好了后发现滚动到最后,永远展示不了最后一条,但是手指使劲往上拉,是可以看到最后一条的,手指一放下,又弹回去了,最后一条就卡在那上不去

解决过程:
以为是ios的回弹特效导致的,但是看了其他类似的页面,没有出现这种情况

于是在对应的issue上找到了
https://github.com/ant-design/ant-design-mobile/issues/1018

因为我给ListView加的style是一个css的calc,加上rem的计算,具体多少rem就先用xxx在这里代替了不重要

style={{width: '100vw', height: 'calc(100vh - xxxrem)'}}

所以这个值其实应该是计算好的数字,我在一开始算rem的时候,把rem存到了window上,方便之后的js计算

所以最后是

style={{width: '100vw', height: document.documentElement.clientHeight - xxx * window.rem}}

然后解决

上一篇下一篇

猜你喜欢

热点阅读