javascript - 当溢出 :auto, 时不要改变宽度值(最大宽度)。 (滚动条 CSS)

Question

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

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

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

如何隔离滚动条元素？

伪代码:Scrollbar Like {Fixed}?这可能吗？

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

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

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

谢谢...

Answer 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;
}