javascript - 是否可以使用 css/js 将带有滚动条的元素自动边距元素设置为相同位置?

标签 javascript css html scrollbar

我画了这个问题,以便您可以更好地理解它: the problem:

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

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

最佳答案

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

关于javascript - 是否可以使用 css/js 将带有滚动条的元素自动边距元素设置为相同位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11170289/

相关文章:

html - 调整 float 导航栏中 Logo 的大小

javascript - Angular ui 加载状态前路由检查条件

javascript - 动态文本框生成

javascript - IoT Raspberry Pi 传感器标签

Javascript 样式元素

html - 我不能让 div float 在右侧

Javascript 鼠标悬停图像失败

javascript - Nodejs - 拆分字符串

html - 导航栏自动到顶部

javascript - 滚动条问题