javascript - 如何在插件(滚动条插件)中计算滚动条宽度？

Question

我想为我的元素创建一个小的滚动条插件。所以，我引用了一些插件，它们所做的是，通过创建一个 div 并分配顶部、右侧、左侧、底部属性来创建水平和垂直滚动条。但是现在我遇到了一个问题。

如何设置垂直滚动条的宽度和水平滚动条的高度？

见附图。

外层div高度为600px，图片高度为720，滚动条高度为222px。

那么，他们是如何计算滚动条的高度的呢？

伙计们，也许它很简单，但我想不通。帮助那些人。

Answer 1

滚动大小 (s) 通常与显示区域 (a) 的大小与内容 (c) 的大小成正比。

如果您认为滚动条的最大尺寸与显示区域的尺寸相同，那么您将得到以下尺寸公式:s = a/c * a = a * a/c或者，如果您希望滚动条具有不同的最大尺寸，则公式变为 s = a/c * maxs = a * maxs/c

在你的例子中，div 高度实际上是 400px 而不是 600，所以你有 400/720 * 400 = 222.(2) 如果你愿意，你可以四舍五入到一个整数。