Ich versuche, das Affix-Plugin von twitter bootstrap zu verwenden, aber ich kann nicht herausfinden, wie ich es innerhalb des übergeordneten Containers einschränken kann. Ich habe das folgende Beispiel erstellt, um mein Problem zu zeigen:
Problemdemo: Ссылка
%Vor%Wie Sie sehen können, wenn Sie scrollen, läuft es über die Seitenleiste hinaus, es wird auch nicht am unteren Rand der Seite angebracht, wenn es den Boden erreicht.
Von den Bootstrap-Dokumenten ( Ссылка ) ..
Vorsicht! Sie müssen die Position eines gepinnten Elements und der Verhalten seines unmittelbaren Elternteils. Die Position wird durch Affix kontrolliert, Affix-Top und Affix-Bottom. Denken Sie daran, nach einem möglicherweise zu überprüfen collapsed parent, wenn das Affix beim Entfernen von Inhalt ausgeht der normale Ablauf der Seite.
Sie benötigen also CSS für affix , um die Breite für das Element festzulegen, wenn es behoben wird. Wie:
Demo auf Bootply: Ссылка
Ähnliche Antworten zum Bootstrap-Affix:
So erstellen Sie ein sticky linken Sidebar-Menü mit Bootstrap 3?
Twitter-bootstrap 3 befestigte Seitenleiste überlappenden Inhalt bei der Fenstergröße und Fußzeile
Tags und Links css-position twitter-bootstrap sticky affix