Javascript 将一个元素从与固定位置相似的页面流中移除

我很好奇是否有一种方法可以从页面流中删除类似于

position:fixed的元素，这样页面就不会滚动

-当前，即使超出屏幕范围，也不会增加文档的大小，但如果位置更改为绝对/相对，则会增加

我希望该职位是绝对的（虽然相对的工作），但不增加文件的大小

我正在寻找实现这一点的方法，可以是html/css解决方案、JavaScript或jquery（甚至是特定于浏览器的解决方案）。
根据页面上的其他内容，可能会实现这一点

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


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

如果希望其他元素溢出正文，请使用代码


身体{
身高：100%；
}
.包装纸{
位置：绝对位置；
排名：0；
底部：0；
宽度：100%；
溢出：隐藏；
}
导航{
宽度：98px；
高度：750px；
背景：蓝色；
位置：绝对位置；
}
您是否希望文档中的其他内容可能比页面高度长，并且需要滚动条？第一个想法是只设置
主体{overflow:hidden；}
。另一个解决方案是将该元素设置为
位置：绝对值
，然后将其包装在一个固定的div中，并使用JS将其高度设置为页面高度，然后给出
溢出：隐藏的
。第二个是我需要的。感谢您的帮助，并发布了两种方法。
<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;
}