virtual-list
virtual-list copied to clipboard
[QUESTION]什么情况下滚动到了底部,但是滚动条没有
<List
data={[...new Array(100).fill(undefined).map((item, index) => ({ id: index }))]}
height={200}
itemHeight={30}
itemKey='id'
>
{(item) => <div>{item.id}</div>}
</List>
- 滚动条的位置刚好卡在高度的一半
- 如果height是动态值,我只要延迟设置height就正常,但这个时机不一定,可能是100毫秒,也可能是200毫秒以上。而且界面会弹一下
- 我这个组件是在弹窗里的
调试一下是ResizeObserver获取的高度不正确,但是不知道为什么
好像是因为有动画效果 导致Component的高度不停的变化,但是ResizeObserver监听不到,只获取到了动画开始的值就没更新了