浏览器滚动条是我定格下(Browsers scrollbar is under my fixed d

我有100％的宽度固定报头。

#header {
background: #2e2e2e;
width: 100%;
z-index: 999;
position: fixed;
}

浏览器滚动条是我定格下。如何解决呢？

Answer 1:

它因为overflow-x: hidden; 在base.css行号9

body {
    color: #444444;
    font: 13px/20px Arial,Helvetica,sans-serif;
    overflow-x: hidden; // remove this 
}

Answer 2:

这可以通过增加身体的溢出来解决

从

overflow:auto;

至

overflow:auto;
overflow:initial;

这是你的问题

如果您的滚动设置在主体中，如果其结构为主体>包装>头（具有固定的位置），内容等

下面是您的解决方案

为解决问题

注意：这将工作只在身体，但不与滚动的div容器。 你也可以用z-index合作，以得到它的工作，但你会指定的z-index堆栈等元素，以得到它的权利。

希望这可以帮助..：）

Answer 3:

这个问题是不是与overflow-x在身上的标签。这是因为overflow-x和overflow-y的html标签。一旦我删除这个从HTML标签，我可以把任何溢出，我想在我的身上。

这发生在：

overflow-x被设置为auto ， hidden ， overflow ，或scroll
overflow-y被设置为auto ， hidden ， -webkit-paged-x或-webkit-paged-y

它没有被显式调用overflow-x或overflow-y因为overflow将他们两个。

我在Chrome 67使用的是Windows 10。

Answer 4:

一个CSS破解（我终于找到了一种方法），这与不多解释迅速做出 - 第一浮动元素是。我想了解它从下面的代码是如何工作的原则。

更新：而且还有一个问题，为移动浏览器见下文，以评估是否您选择确定它。

<div style="position: fixed;top: 0;width: 100%;left: 0;z-index: 100000;height: 200px;background: #f00;">

<div id="aaaaa" style="display: block;float:right;color: #000;overflow-y:scroll;min-height:20px;top: -100px;background: #0f0;border: 1px solid #0f0;"></div>
<div id="bbbb" style="display: block;position:relative;color: #000;overflow:hidden;min-height:20px;background: #f0f;border: 1px solid #00f;">sdfasdf sdfas s as as fasd fasd fasdfasd fasd asdf asd fasdf sadf asdf asdf asdf sad fasdf asdf asdf asd fasdf asdf asdf asd fsad sad sfd

        <div style="width: 100%;height: 20px;background: #5ff"></div>

</div>

而最终的代码，几乎同样的事情，你想看到明显的和工作

<div style="position: fixed;top: 0;width: 100%;left: 0;z-index: 100000;height: 0px;overflow:visible;background: #f00;">

<div id="aaaaa" style="display: block;float:right;color: #000;overflow-y:scroll;visibility:hidden;min-height:20px;top: -100px;background: #0f0;border: 1px solid #0f0;"></div>
<div id="bbbb" style="display: block;position:relative;color: #000;overflow:hidden;min-height:20px;background: #f0f;border: 1px solid #00f;">sdfasdf sdfas s as as fasd fasd fasdfasd fasd asdf asd fasdf sadf asdf asdf asdf sad fasdf asdf asdf asd fasdf asdf asdf asd fsad sad sfd

        <div style="width: 100%;height: 20px;background: #5ff"></div>

</div>

什么是重要的是它与移动和桌面浏览器上运行。其实目前我测试的手机上的窗户边时，我的电脑变成平板电脑模式，然后桌面之一。代码工作，那么所有的时间。要检查是此事件是否与工作：之前不是DIV ID =“AAAA”，使之更加纯粹的CSS和额外的div intependent。

更新：它不能很好地与之前的边缘浏览器工作在进入平板电脑模式时，不改变滚动条。

如果遇到隐藏内容问题BBBB元素尽量不要放置：在BBBB容器绝对/固定元素。

我还没有适用于所有情况和浏览器测试它。

更新：对这个答案的上方某处提到的问题 -在移动浏览器还没有滚动条覆盖，因为滚动条是动态的-它只有当你的滚动，你知道这是不是任何容器的一部分出现。滚动条可能是所有的浏览器非常薄，所以你应该决定用它做什么。也许有点5个像素保证金或如此？