3

position:fixed;のようにページ フローから要素を削除して、ページがスクロールしないようにする方法があるかどうか、興味がありました。

例- 現在、画面を超えてもドキュメントのサイズは増加しませんが、位置が絶対/相対に変更された場合は増加します。

位置を絶対にしたいのですが（相対は機能しますが）、ドキュメントのサイズは大きくなりません。

html/css の回避策、JavaScript、または jquery (ブラウザー固有のソリューションであっても) を使用して、これを行う方法を探しています。

4

1 に答える 1

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;
}
于 2012-09-04T15:28:26.877 に答える