关于react滚动事件

发布于 2022-09-13 01:05:27 字数 174 浏览 22 评论 0

如下图所示怎么获取蓝色区域的高度,绿色区域相当于一个div(所有内容),红色部分是另一个div(可视区域)
d4106fe2366fb53bee6c7d8debf9caa.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

嘿哥们儿 2022-09-20 01:05:27

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

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文