Ich möchte etwas wie folgt aus:total stecken mit Bootstrap-Menü
https://jsfiddle.net/clankill3r/34Lf1mke/
Aber der Titel und Menü immer an der Spitze befestigt werden soll.
Aber egal was ich versuche, wenn eine Sache funktioniert, bricht andere Dinge. Entweder: -die Breite/padding gets falsche -der Foo Inhalt, was sich hinter anderem -die Reaktions bricht -things -etc verschwinden. usw. -affix verhält sich wirklich seltsam.
Es ist wie ein rekursives Problem.
Ich habe es auch mit bootstap-4 versucht, aber das machte es noch schlimmer.
Mein letzter Versuch ist völlig pleite.
Normalerweise würde ich eine genauere Frage stellen, aber ich sehe nicht mehr klar. Kann mich jemand in die richtige Richtung führen?
Hier ist ein Ausgangspunkt:
<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>
bearbeiten, im Detail zu gehen:
Auf einem mobilen es so etwas wie dies sein sollte: (lila Titel ist, ist blau-Menü, orange ist zufrieden).
Beim Scrollen sollten Titel und Menü nicht gescrollt werden. Dies ist ein Beispiel für das Scrollen ein wenig.
Für einen größeren Bildschirm es so sein würde:
gescrollt:
Hey, danke für die Mühe. Wirklich zu schätzen es. Der Titel und das Menü sollten immer oben fixiert sein. Also sollten sie entlang der Seite scrollen. Und es sollte nie etwas auf der rechten Seite des Titeldivs sein. – clankill3r
Was du eigentlich meinst. Fügen Sie einen beliebigen Screenshot hinzu, was Sie tatsächlich möchten. Deine Frage ist nicht klar. Was ist das, was auf der rechten Seite des Titeldivs sein sollte? Der obige Code funktioniert für Sie oder nicht. Wenn der Code funktioniert, upvote ich meinen Code und setze den Tick Button –
Ich habe ein paar Screenshots hinzugefügt. – clankill3r