停止滚动条向左推送内容

Jon*_*an. 11 html javascript css

我正在设计一个网站,我有多个页面使用相同的模板,有些页面比浏览器窗口的高度长,其他页面不高.较长的那些被推到他左边大约10px,这可能听起来不多,但是当切换页面时,一切都向侧面跳跃,这是显而易见的.

是否有一些CSS可以做的事情是让每个页面上的滚动条显示在内容上而不是推送它,我在模板中有一个边距,所以如果浏览器窗口太小,它只会覆盖用户滚动时的边距到最右边.

Bra*_*ham 21

唯一的方法是让滚动条始终可见.

html { overflow-y: scroll; }
Run Code Online (Sandbox Code Playgroud)

  • +1 - 这确实是最干净的方法 - 也是我所知道的唯一跨浏览器 (3认同)

jin*_*ppy 6

给出溢出值作为覆盖。这样可以避免出现滚动条时重新计算布局

  • 在 Firefox 中不起作用 /sf/ask/598056511/ 。另外,MDN 网络文档不建议使用它 https://developer.mozilla.org/en-US/docs/Web/CSS/overflow (2认同)