是否可以使用滚动条自动保证元素并使用css / js将其保存到相同位置？

Question

我提出了问题所以你可以更好地理解它：

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

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

Answer 1

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

Answer 2

我没有尝试过这些解决方案，但this thread可以帮助您获得滚动条的宽度。

Answer 3

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