无限滚动,滚动条高度恒定
Infinite Scrolling with constant scroll bar height
我正在研究无限滚动概念,不幸的是我的项目遇到了问题,我的场景在这里
我有一个包含 500 行的表,最初将加载前 100 行,前 50 行将显示在我的视口中,在最后一行添加动态内容,如果我的动态内容到达我的视口,它将加载另外 100 行。
问题是,在初始阶段,滚动条的大小非常大,看起来只有 100 行。 我希望滚动条在查找 500 行时以较小的尺寸显示
如果要
强制显示滚动条,则必须更改页面的大小。
您可以使用屏幕实际高度的 5 倍来初始化页面的高度,但它会在页面之后生成空白空间......
但这似乎不是一个好的做法,如果你看看谷歌和Facebook如何处理无限滚动,你会注意到滚动条只是适应屏幕的大小,所以你为什么不想使用默认行为呢?
相关文章:
- 当canvas's的高度超过屏幕's的高度(当滚动条出现时)
- 在没有滚动条的情况下,使整个页面滚动到顶部某个高度以下
- 如何“;“修复”;显示滚动条时的容器元素高度
- 获取占x滚动条高度的窗口内部高度
- 我想比较滚动条的高度和文档的高度
- 无限滚动,滚动条高度恒定
- CSS:为什么我有一个100%高度的滚动条
- JQuery:手风琴高度样式:填充导致垂直滚动条
- jQuery 获取文档宽度和高度,不包括水平/垂直滚动条
- 将画布元素的高度和宽度设置为 window.innerHeight/innerWidth 导致滚动条
- jQuery TextExt:最大高度和滚动条
- 使用图像作为webkit滚动条 - -webkit-scrollbar-track-piece的最小高度
- 高度 100% 自定义滚动条
- jQuery scrollTop 不适用于具有高度和滚动条的 HTML 元素
- javascript计算滚动条高度
- Tablesorter滚动条's的高度在触发更新后保持不变
- D3使用滚动条进行缩放,滚动条宽度和高度可根据缩放比例进行调整
- 如何更改滚动条's在此网站上的高度
- 如何使Bootstrap jQuery数据表响应和增加/减少滚动条高度根据页面的大小
- 获取滚动条在javascript中出现的高度