当溢出：自动时，不要更改宽度值（最大宽度）。（滚动条 CSS）答案

【问题标题】：When overflow:auto, do not change the width values (width max). (Scrollbar CSS)当溢出：自动时，不要更改宽度值（最大宽度）。（滚动条 CSS）
【发布时间】：2017-10-30 06:18:24
【问题描述】：

我的英语不好，我是 CSS 新手。

滚动条占用空间。我希望它不要发生。

因为固定的导航菜单栏中心正在改变。背景图片的大小发生变化。它正在缩小。当滚动条消失时，尺寸再次发生变化。

如何隔离滚动条元素？

伪代码：Scrollbar Like {Fixed}? 可以吗？

为了不影响其他元素的尺寸。

https://codepen.io/ariona/pen/geFIK

例如，此链接上有一个示例。当 div 移动时，滚动条是可见的。并且背景图像的大小发生变化。如果有导航菜单，它的大小也会改变。它们的尺寸不应改变。 (当overflow:auto) 这个是怎么提供的？

谢谢...

【问题讨论】：

欢迎来到 StackOverflow！为了让我们更好地帮助您，请更新您的问题，使其在minimal, complete, and verifiable example 中显示所有相关代码。如果您能告诉我们您迄今为止为解决问题所做的尝试，这也会很有帮助。如需更多信息，请参阅有关how to ask good questions 的帮助文章，并采取tour of the site :)
这是您要找的吗？ stackoverflow.com/questions/24700184/…
你好。滚动条应自动出现。当滚动条存在时，其他元素的尺寸不应改变。
codepen.io/ariona/pen/geFIK 例如，这个链接上有一个例子。当 div 移动时，滚动条是可见的。并且背景图像的大小发生变化。如果有导航菜单，它的大小也会改变。它们的尺寸不应改变。这是如何提供的？
这能解决问题吗？ codepen.io/mcoker/pen/OmeXBR

标签： javascript jquery html css scrollbar

【解决方案1】：

如果你真的需要保留滚动条，这个插件做得很好： https://github.com/inuyaksa/jquery.nicescroll

或

如果您不介意丢失滚动条，您可能需要执行以下操作：

/* This will keep the original width of the background image */

body {
    overflow: hidden;
  }

如果要保留水平滚动条而失去垂直滚动条：

body {
  overflow-x: auto;
  overflow-y: hidden;
}

【讨论】：