我想为我的元素创建一个小的滚动条插件。所以,我引用了一些插件,它们所做的是,通过创建一个 div 并分配顶部、右侧、左侧、底部属性来创建水平和垂直滚动条。但是现在我遇到了一个问题。
如何设置垂直滚动条的宽度和水平滚动条的高度?
见附图。
外层div高度为600px,图片高度为720,滚动条高度为222px。
那么,他们是如何计算滚动条的高度的呢?
伙计们,也许它很简单,但我想不通。帮助那些人。
最佳答案
滚动大小 (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) 如果你愿意,你可以四舍五入到一个整数。
关于javascript - 如何在插件(滚动条插件)中计算滚动条宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33263262/