美文网首页
ListView 滚动无法展示最后一条

ListView 滚动无法展示最后一条

作者: 王善良_ | 来源:发表于2021-05-24 16:13 被阅读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}}
    

    然后解决

    相关文章

      网友评论

          本文标题:ListView 滚动无法展示最后一条

          本文链接:https://www.haomeiwen.com/subject/tbbxsltx.html