Ich möchte eine links-sticky bar Menü mit Bootstrap 3 wie zu erstellen:
http://getbootstrap.com/getting-started/
Ich habe die angegebene Dokumentation gelesen http://getbootstrap.com/javascript/#affix
Ich versuche es mit .affix
, aber das Ergebnis ist Null.
Update: @Skelly, Danke für Ihr freundliches Beispiel. und ja, ich möchte wie Ihr Beispiel. I' d download Ihr Beispiel html, aber nach dem Download der html-Datei ' s Seitenleiste didn' t Arbeit gibt.
Bootstrap 3
Hier ist ein Beispiel für eine funktionierende linke Seitenleiste:
http://bootply.com/90936 (ähnlich wie in den Bootstrap-Dokumenten)
Der Trick ist die Verwendung der Komponente "affix" zusammen mit etwas CSS, um sie zu positionieren:
#sidebar.affix-top {
position: static;
margin-top:30px;
width:228px;
}
#sidebar.affix {
position: fixed;
top:70px;
width:228px;
}
EDIT- Ein weiteres Beispiel mit Fußzeile und affix-bottom
Bootstrap 4
Die Affix-Komponente wurde in Bootstrap 4 entfernt. Um eine klebrige Seitenleiste zu erstellen, können Sie ein Affix-Plugin eines Drittanbieters wie dieses Bootstrap 4 Beispiel für eine klebrige Seitenleiste verwenden, oder die sticky-top
Klasse ist in dieser Antwort erklärt.
Sie können auch versuchen, ein Polyfill wie Fixed-Sticky zu verwenden. Insbesondere bei der Verwendung von Bootstrap4 ist die Komponente "Affix" nicht mehr enthalten:
Das Affix jQuery-Plugin wurde gestrichen. Wir empfehlen die Verwendung eines position: sticky
Polyfill zu verwenden.