1

クライアントの場合、フルスクリーンのウェブサイト、レスポンシブ デザインを行う必要があります。固定ナビゲーションバーで Bootstrap を使用しているため、コンテンツを配置するために、ボディに 60px のパディングトップを追加しました。

ここに私の問題があります。体の高さが 100% で上部のパディングが 60px であるため、スクロールバーが体系的に表示されます。「overflow: hidden;」を使用できますが、ページをスクロールする必要がある場合は、もうできません。

解決策はありますか？

ありがとう！

編集: これがアイデアです: http://jsfiddle.net/StFca/ この場合、スクロールバーを非表示にしたいと思います。

4

1 に答える 1

2

本文にパディングを追加する代わりにmargin-top: 60px、コンテンツのメイン コンテナーに追加できる新しいクラスまたは ID にプロパティを追加できるため、次のようになります。

#main-container {
    margin-top: 60px;
}

このようにして、ドキュメントの本文の代わりにコンテナ自体をコンテナから遠ざけることでナビゲーションバーに対応でき、スクロールバーが消えます。

于 2012-08-10T10:55:19.360 に答える