2017-04-23 2 views
1

常に上部に表示される固定ヘッダーを持つレイアウトを作成しようとしています。さらに、コンテンツがブラウザの高さを超えた場合、横にスクロールバーが表示されるサイドバー。サイドバーの右側のコンテンツと同じですが、ブラウザの高さを超えない独自のスクロールバーを使用したいと思います。スクロール可能なナビゲーションバーとブラウザのビューポートを下回らないコンテンツの固定ヘッダー

私が探しているものの例については、this siteを参照してください。それはすべての3つの機能を備えています。

私は多くのことを試しました。固定ヘッダーがなければ、すべての高さを単純に100%にすることでそれを動作させることができます。しかし、固定ヘッダーでは、サイドバーとコンテンツペインのスクロールバーがブラウザビューの下に行く場所があります。

パディングボトムを追加すると、どこかにいるように感じる:64px;私はスクロールバーを持っている項目に。 64pxはヘッダーの高さです。

答えて

0

Bootstrapのマニュアルとチュートリアルを参照してください。そうすることができます。参考のため

このJSFiddleを経る:https://jsfiddle.net/jxo6pmju/12/

link = https://jsfiddle.net/jxo6pmju/12/ 

スクロールバーでは、これを通過:https://jsfiddle.net/vrzjLc77/1/

link = https://jsfiddle.net/vrzjLc77/1/ 
関連する問題