如何在插件(滚动条插件)中计算滚动条宽度?

时间:2015-10-21 15:25:11

标签: javascript jquery html css

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

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

见附图。

enter image description here

外部div高度为600px,图像高度为720,滚动条高度为222px。

那么,他们如何计算滚动条的高度?

伙计们,也许是一个简单的,但我无法弄明白。帮助那些人。

1 个答案:

答案 0 :(得分:0)

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

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

在你的情况下,div高度实际上是400px而不是600,所以你有400/720 * 400 = 222.(2)你可以根据需要舍入到整数。