Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/performance/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在插件(滚动条插件)中计算滚动条宽度?_Javascript_Jquery_Html_Css - Fatal编程技术网

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

Javascript 如何在插件(滚动条插件)中计算滚动条宽度?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想为我的项目创建一个小的滚动条插件。所以,我参考了一些插件,他们所做的是,通过创建一个div并指定top、right、left和bottom属性来创建水平和垂直滚动条。但现在我遇到了一个问题 如何设置垂直滚动条的宽度和水平滚动条的高度 请参阅附件中的图像 外部div高度为600px,图像高度为720,滚动条高度为222px 那么,他们是如何计算滚动条的高度的呢 伙计们,也许这很简单,但我想不出来。帮助这些家伙。滚动大小s通常与显示区域a的大小与内容c的大小成正比 如果您认为滚动条的最大大小与显

我想为我的项目创建一个小的滚动条插件。所以,我参考了一些插件,他们所做的是,通过创建一个div并指定top、right、left和bottom属性来创建水平和垂直滚动条。但现在我遇到了一个问题

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

请参阅附件中的图像

外部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,如果你愿意,你可以将其舍入为整数。

除非我遗漏了一些东西,否则你可能希望垂直滚动条拇指/手柄的高度和水平滚动条拇指/手柄的宽度不是相反方向……是的……我怎么计算呢?