希望获取滚动条自身的高度(非scrollTop)

Question

希望获取y轴滚动条自身高度，然后根据table总高度****减去y轴自身高度, 来计算得出滚动条距离底部还有多少px

Answer 1

假设滚动dom叫  scrollDom 

1、scrollDom 的窗口高度 / scrollDom 整个内容的高度。 会得到一个比例值：  

let rate = scrollDom.clientHeight  / scrollDom.scrollHeight;

2、首先 rate 如果小于 1 ，说明存在滚动条，否则根本就不会出现滚动条。

3、假设出现滚动条， 则有：  滚动条的高度 / scrollDom 窗口高度 =  rate;  (纯数学比例)

得出滚动条本身的高度：

let thumbH = rate * scrollDom.clientHeight

4、滚动条在窗口中的位置，同样适用于数学比例： 滚动条的在窗口的高度 / 已经滚动的内容高度 = rate

则有：

let thumbTop = rate * scrollDom.scrollTop;

依据上面的几个计算方法，则可以自己实现滚动条插件。