Bootstrap, halte div nach dem Scrollen fest

8

Ich benutze Bootstrap und habe eine einfache Seite hier

Wenn Sie auf den grünen "Go" -Button klicken und die Seite nach unten scrollen, werden mehr Datensätze geladen. Ich wollte die Anzeige in der rechten Spalte z. "kleben" Sie auf 10 px vom oberen Rand der Seite, wenn ich die Seite heruntergeblättert habe und die Anzeige div erreicht habe.

Wie Sie sehen können, bleibt es stattdessen auf halber Seite.

Ich habe dies als HTML für das div:

%Vor%

Ich habe mich gefragt, ob es einen Weg gibt, es zu tun, was ich versuche zu tun, da ich ein bisschen feststecke?

Danke

    
4532066 05.02.2015, 09:12
quelle

2 Antworten

13

Gemäß Bootstrap-Dokumenten müssen Sie die Styles .affix , .affix-top und .affix-bottom selbst schreiben.

%Vor%

Um festzulegen, wo der Affix beginnt, können Sie ein data-offset-* -Attribut für das Element verwenden:

<div data-spy="affix" data-offset-top="50">

Bearbeiten: Ich machte eine schnelle JSFiddle , um die Verwendung besser zu veranschaulichen.

    
cloying 05.02.2015, 09:45
quelle
0

mit Bootstrap und jQuery

%Vor% %Vor% %Vor%
    
Vlad 18.01.2017 15:18
quelle

Tags und Links