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

Question

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

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

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

我找到了这个网站 ，但我想避免使用此类。

谢谢！

Answer 1

您将不得不针对此类情况使用自定义解决方案。 您将无法更改实际的本机滚动条高度。 您引用的插件更多地是您需要达到预期结果的路线。

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

Answer 2

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

Answer 3

您没有从JavaScript获得到滚动条本身的任何接口，但是听起来您只需将滚动内容的高度设置为1000个元素就可以肯定地获得所需的内容。 为了减少编写一千个项目的脚本的速度，您可以使用与多个项目相同高度的单个上下边缘替换上面显示的项目和下面显示的项目，并捕获滚动事件以填充新项目替换它们。