javascript - 从类似于固定位置的页面流中删除元素

Question

我很好奇是否有一种方法可以从类似于 的页面流中删除一个元素position:fixed;，这样页面就不会滚动。

示例- 目前，即使它超出了屏幕，它也不会增加文档的大小，但如果将位置更改为绝对/相对，它会。

我希望位置是绝对的（尽管相对会起作用），但不要增加文档大小。

我正在寻找方法来做到这一点，无论是 html/css 解决方案、JavaScript 还是 jquery（甚至是特定于浏览器的解决方案）。

Answer 1

根据页面上的其他内容，这可能会奏效。

body {
    height:100%;
    width:100%;
    overflow:hidden;
}


nav{
    width:98px;
    height:750px;
    background:blue;   
    position:absolute;
}

如果您希望其他元素溢出主体，请使用此代码。

<div class="wrapper">
    <nav></nav>
</div>

body {
    height:100%;

}

.wrapper {
    position:absolute;
    top:0;
    bottom:0;
    width:100%;
    overflow:hidden;
}

nav{
    width:98px;
    height:750px;
    background:blue;   
    position:absolute;
}