无限滚动,滚动条高度恒定

Infinite Scrolling with constant scroll bar height

本文关键字:高度 滚动条 滚动 无限      更新时间:2023-09-26

我正在研究无限滚动概念,不幸的是我的项目遇到了问题,我的场景在这里

我有一个包含 500 行的表,最初将加载前 100 行,

前 50 行将显示在我的视口中,在最后一行添加动态内容,如果我的动态内容到达我的视口,它将加载另外 100 行。
问题是,在初始阶段,滚动条的大小非常大,看起来只有 100 行。 我希望滚动条在查找 500 行时以较小的尺寸显示

如果要

强制显示滚动条,则必须更改页面的大小。

您可以使用屏幕实际高度的 5 倍来初始化页面的高度,但它会在页面之后生成空白空间......

但这似乎不是一个好的做法,如果你看看谷歌和Facebook如何处理无限滚动,你会注意到滚动条只是适应屏幕的大小,所以你为什么不想使用默认行为呢?