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

Question

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

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

我希望位置是绝对的(尽管相对也可以)，但不会增加文档大小。

我正在寻找实现此目的的方法，无论是 html/css 解决方案、JavaScript 还是 jquery(甚至是特定于浏览器的解决方案)。

Answer 1

根据页面上的其他内容，this可能会成功。

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


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

如果想让其他元素溢出正文，使用this代码。

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