從類似於固定位置的頁面流中移除元素

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