关于react滚动事件

Question

如下图所示怎么获取蓝色区域的高度，绿色区域相当于一个div（所有内容），红色部分是另一个div（可视区域）

Answer 1

虽然有可能通过比例来计算，但是这个东西毕竟没有标准约束，在不同浏览器上表现未必一致。
如果是我自己设计滚动条组件的话应该是：

$$ T_s = H_w \times \frac{-T_c}{H_c} $$
右边参数从左到右从上到下分别是：窗口高度、内容区域距顶部的值、内容总高度。