溢出时:自动,不要更改宽度值(宽度最大值)。 (滚动条CSS)

时间:2017-05-29 22:29:16

标签: javascript jquery html css scrollbar

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

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

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

如何隔离Scrollbar元素?

Psuedo代码:Scrollbar Like {Fixed}?有可能吗?

对于其他元素的尺寸不被打扰。

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

例如,此链接上有一个示例。当div移动时,滚动条可见。并且背景图像的大小会发生变化。如果有导航菜单,其大小也会更改。它们的尺寸不应改变。 (溢出时:自动)如何提供?

谢谢...

1 个答案:

答案 0 :(得分:1)

如果你真的需要保留滚动条,这个插件可以很好地完成: https://github.com/inuyaksa/jquery.nicescroll

OR

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

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

body {
    overflow: hidden;
  }

如果你想保持水平滚动条并丢失垂直滚动条:

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