将div叠加到窗口的滚动条上

Question

此demo未覆盖滚动条。

这甚至可以将<div>覆盖到滚动条吗？在今天的今天，我认为不可能这样做，但仅仅因为我的网站知道它的解决方法。请检查我的答案。

Answer 1

HTML：

<div id="content">
</div>
<div id="all">
<div id="overlay"></div> 
</div>

的CSS：

*{
    margin: 0;
    padding: 0;
}
html,body{
    height: 100%;
    width: 100%;
    overflow: auto;
}
#all{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid red;
}
#content{
    height: 200%;
}
#overlay {
    background: #000;
    margin-top: 18px;
    height: 50px;
}

将溢出自动设置为html，正常工作。 demo

如果您设置了overflow:visible;，那么您可以看到不会覆盖滚动条。