根据隐藏内容的数量计算滚动条高度

Question

我正在创建一个图形滚动条,所以我需要手动计算滚动条高度.您知道在大多数应用程序中滚动条高度是如何根据滚动量而变化的吗？

根据隐藏内容的数量计算滚动条高度的公式是什么？它是对数还是指数还是仅仅基于可见内容与内容隐藏的百分比？

这些是我的输入变量:

• 可见区域 - 例如.100 px
• 内容高度 - 例如.1000像素
• 最大滚动条高度 - 例如.500 px

这是我想要计算的:

• 滚动条高度 - 例如.50 px ??

Answer 1

通常是一个百分比.

例如,如果可见区域是整个区域的99%,则滚动条的高度为99%.

同样,如果可见区域占整个区域的50%,则滚动条的高度为50%.

一定要确保最小尺寸合理(例如至少18-20px)

因此,如果你的可见高度为500px,内容为50,000px,即使它应该使拇指螺丝高度为(1%500px = 5px)...使用默认最小值(例如20px)