0

ブートストラップを使用して、ページの背景をビューポートに表示し、スクロール バーを下に移動すると、ページの他のセクションが表示されるようにするにはどうすればよいでしょうか?

私が複製したいものの例は、ここhttp://ideaware.co/です。メインのタイトル ブロック セクションには、実際の高さに関係なくブラウザ ウィンドウを満たす空の背景があります。

下にスクロールすると、他のサブページが表示されます。これらのサブセクションの一部には、独自の背景があるか、単色に設定されています。

ブートストラップでこれを行うにはどうすればよいですか?

4

1 に答える 1

1

私はこの問題を少し試してみましたが、少しグーグル検索を行った後、解決策を見つけました。

ボディを絶対位置に設定し、幅と高さを 100% に設定できます。

次に、設定の高さプロパティを継承するように設定できます。

body {
    padding-left: 0;
    padding-right: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.sect{
    height: inherit;    
}

ここで私のフィドルの実験を参照してください: http://jsfiddle.net/straeger/SmFuk/1/

そのお手伝いができれば幸いです。

于 2013-07-09T12:04:40.487 に答える