と完全に立ち往生:私はこのような何かしたいブートストラップメニュー
https://jsfiddle.net/clankill3r/34Lf1mke/
をしかし、タイトルとメニューは常にトップに固定してください。
私が何を試しても、1つのことが働くと別のものが壊れます。 - 幅/パディングが正しくない - Fooコンテンツのものが他のものの背後にある - 応答性が壊れます - のものが消えます -etc。 -affixは本当に変です。
これは再帰的問題のようです。
私もbootstap-4で試してみましたが、さらに悪化しました。
私の最新の試みは完全に壊れています。
通常、私はより具体的な質問をしますが、もうわかりません。 誰かが正しい方向に私を導くことができますか?
<div class="container">
<div id="title" class="col-xs-12 col-md-6 col-lg-4">THE<br/>TITLE</div>
<div class="clearfix">
</div>
<div id="menu" class="col-xs-12 col-lg-4">MENU<br/>item1<br/>item2<br/>item3</div>
<div class="content col-xs-12 col-md-6 col-lg-8">
<div>Foo<br/>Foo<br/>Foo<br/>Foo</div>
<div>Bar<br/>Bar<br/>Bar<br/>Bar</div>
<div>Ham<br/>Ham<br/>Ham<br/>Ham</div>
<div>Jam<br/>Jam<br/>Jam<br/>Jam</div>
<div>Foo<br/>Foo<br/>Foo<br/>Foo</div>
<div>Bar<br/>Bar<br/>Bar<br/>Bar</div>
<div>Ham<br/>Ham<br/>Ham<br/>Ham</div>
<div>Jam<br/>Jam<br/>Jam<br/>Jam</div>
<div>Foo<br/>Foo<br/>Foo<br/>Foo</div>
<div>Bar<br/>Bar<br/>Bar<br/>Bar</div>
<div>Ham<br/>Ham<br/>Ham<br/>Ham</div>
<div>Jam<br/>Jam<br/>Jam<br/>Jam</div>
<div>Foo<br/>Foo<br/>Foo<br/>Foo</div>
<div>Bar<br/>Bar<br/>Bar<br/>Bar</div>
<div>Ham<br/>Ham<br/>Ham<br/>Ham</div>
<div>Jam<br/>Jam<br/>Jam<br/>Jam</div>
<div>Foo<br/>Foo<br/>Foo<br/>Foo</div>
<div>Bar<br/>Bar<br/>Bar<br/>Bar</div>
<div>Ham<br/>Ham<br/>Ham<br/>Ham</div>
<div>Jam<br/>Jam<br/>Jam<br/>Jam</div>
<div>Foo<br/>Foo<br/>Foo<br/>Foo</div>
<div>Bar<br/>Bar<br/>Bar<br/>Bar</div>
<div>Ham<br/>Ham<br/>Ham<br/>Ham</div>
<div>Jam<br/>Jam<br/>Jam<br/>Jam</div>
</div>
</div>
編集、より詳細に行くために:それはこのようなものでなければなりませんモバイルで
:ここ
が出発点であるタイトルが (紫、青、メニュー、オレンジですコンテンツです)。タイトルとメニューをスクロールしてスクロールしないでください。 これは少しスクロールした例です。大きな画面のために
それはこのようになります:
ねえ、努力に感謝
ハッピー。本当に感謝しています。タイトルとメニューは常に一番上に固定する必要があります。だから彼らはページに沿ってスクロールする必要があります。タイトル欄の右側に何かがあってはいけません。 – clankill3r
実際にはどういう意味ですか?あなたが実際に望むもののスクリーンショットを追加してください。あなたは質問がはっきりしない。タイトル部門の右側にあるべきものは何ですか?上記のコードはあなたのために働くかどうかです。コードがあなたのコードをupvote動作し、チェックボタンを入れて –
私はいくつかのスクリーンショットを追加しました。 – clankill3r