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

【问题标题】：Javascript: Change scrollable element handle size in scrollbarJavascript：更改滚动条中的可滚动元素句柄大小
【发布时间】：2010-01-28 15:15:19
【问题描述】：

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

--编辑：有类似的 mootools 插件吗？

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

我找到了this site，但我想避免使用这个类。

谢谢！

【问题讨论】：

【解决方案1】：

对于这样的事情，您必须使用自定义解决方案。您将无法更改实际的本机滚动条高度。您引用的插件更符合您需要达到预期结果的路线。

您可以实施的另一种解决方案是通过其他可视化方法而不是滚动条来显示结果数量。如果要显示 100 个元素中的 75 个，则可以将固定 div 跨度设置为 75%。

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

您不会从 JavaScript 中获得任何与滚动条本身的界面，但听起来您当然可以通过将滚动内容设置为 1000 个元素的高度来获得所需的内容。为了减少编写一千个项目的脚本的速度，您可以用与许多项目相同高度的单个顶部和底部边距替换显示项目的上方和下方，并捕获滚动事件以填充新项目替换它们。

【讨论】：