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

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

1 个答案: