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

Question

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

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

这些是我的输入变量:

可见区域 - 例如。 100 像素

内容高度 - 例如。 1000 像素

最大滚动条高度 - 例如。 500 像素

这是我想要计算的:

滚动条高度 - 例如。 50像素？？

Answer 1

它通常是一个百分比。

例如。如果可见区域是整个区域的 99%，则滚动条是高度的 99%。

同样，如果可见区域是整个区域的 50%，则滚动条是高度的 50%。

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

因此，如果您的可见高度为 500 像素，内容为 50,000 像素，即使它应该使指旋螺钉高度为(500 像素的 1% = 5 像素)...请改用默认最小值(例如 20 像素)