Javascript：在滚动条中更改可滚动元素句柄大小

Question

是否可以以编程方式访问Div的滚动条手柄并更改其大小？

- 编辑：是否有类似这样的mootools插件？

我正在尝试实现一个懒惰的分页机制，其中div的内容将在onscroll上更新，但我希望滚动条上的句柄显示最终大小。意思是，如果div中只有10个元素，则句柄会相当大，如果有1000个，则句柄将尽可能小，即使用户尚未加载所有1000个元素。

我找到this site，但我想避免使用此类。

谢谢！

Answer 1

你必须使用这样的自定义解决方案。您将无法更改实际的本机滚动条高度。您引用的插件更符合您需要获得所需结果的路线。

您可以实现的另一个解决方案是通过其他可视方法显示结果数，而不是滚动条。如果您要显示100个元素中的75个，则可以在屏幕上将固定的div跨度设为75％。

Answer 2

您可以在滚动元素中放置一个空div，并将其高度动态设置为与实际内容大小成比例的值。

Answer 3

您没有从JavaScript获得任何滚动条本身的界面，但听起来您只需将滚动内容设置为高达1000个元素即可获得您想要的内容。为了减少脚本编写的速度，您可以使用与多个项目相同高度的单个顶部和底部边距替换上面和下面显示的项目项目，并捕获滚动事件以填充新项目替换它们。