javascript - 是否可以使用 css/js 将带有滚动条的元素自动调整到相同的位置？

Question

我画了这个问题，以便您更好地理解它：

所以，问题 - 是否有可能为两个蓝色元素获得相同的位置？我不能只添加“padding-right”——在不同的操作系统/浏览器中，滚动条可以有不同的宽度......

可以用css做吗？如果没有，是否有 JavaScript 解决方案可以手动获取滚动条元素的宽度和中心蓝色元素？

Answer 1

您可以在蓝色框周围添加一个不可见的包装器，该包装器占用父级中的所有空间减去滚动条的宽度。这将使蓝色框始终与容器 2 中的大小相同。

Answer 2

只需让滚动条始终可见，而不是想出一个聪明的解决方案。根据您的内容/应用程序，滚动条可能在 95% 的时间内始终可见（至少在我遇到此类问题时是这样的）。