javascript - 滚动条将内容移到左侧

Question

我有站点 change.is，其中标题中的右侧菜单和搜索栏与背景图像网格对齐（主体背景图像中的暗线）。

但是当页面有滚动条时，这些右侧的菜单和搜索就会向右移动。对此的任何解决方案。具有滚动条的页面，http://change.is/video/david-oistrakh-debussy-clair-de-lune

Answer 1

我认为您要实现的目标很难做到，因为滚动条是浏览器窗口的一部分，而不是文档的一部分。

因此，当您的标题具有属性 width:100% 时，滚动条会更小。

我只能考虑这些替代方案：

• 修复标题的宽度，但在调整窗口大小时效果不佳。
• 将你的页面内容放在一个固定高度的div中，只有这部分可以滚动，并且你的header在div之外
• 基于此：如何检查滚动条是否可见？您可以确定您的滚动条是否可见，并在可见时更改标题位置

我希望它有所帮助。