Bootstrap Sidebar Scrollen, Affix & Scrollspy

7

NEUER

So funktioniert das Scrollen jetzt ... Aber es ist am oberen Rand der Seite fixiert. Ich brauche es in der richtigen Position (neben dem Inhalt) und scrolle dann an seiner aktuellen Position mit dem Inhalt.

Ich versuche, meine Sidebar wie diese hier zu scrollen - & gt; Ссылка

Die Website ist Ссылка (eine kostenlose gehostete Seite für jetzt) ​​

ÄLTER

Ich habe eine wirklich harte Zeit damit. Ich habe alles nachgeschlagen, was ich konnte, und ich kann es immer noch nicht herausfinden. Ich habe es für eine Weile mit einem Tutorial, das ich gefunden habe, zu arbeiten, aber es funktionierte nicht gut mit ScrollSpy. Also versuche ich Bootstrap's Affix zu benutzen.

Ich bin neu bei javascript / jquery, also wenn jemand über meine Website schauen und nachsehen könnte, was ich falsch mache.

Der ScrollSpy funktioniert gerade jetzt, denke ich, ich kann die Seitenleiste nicht mit der Seite scrollen lassen.

    
Kitkatnik 20.10.2013, 19:55
quelle

2 Antworten

16

ALRIGHT Ich habe es zur Arbeit gebracht!

Was ich getan habe, war Folgendes zu ändern ...

%Vor%

An ...

%Vor%

Also habe ich den Datenspion und den Datenoffset auf die Klasse "bs-docs-sidenav" gesetzt und das Skript auch in diese Klasse geändert, anstatt in die Klasse "bs-docs-sidebar".

Dann habe ich die CSS von "affix-top", "affix" und "affix-bottom" bearbeitet und es funktioniert sehr gut:)

Mein ursprüngliches Problem bezog sich auf die Sidebar-Klasse und nicht auf die Sidénav-Klasse, da dies mein Affix-CSS war.

Hoffe das hilft jedem, der ein ähnliches Problem hatte wie ich:)

Was mir dabei geholfen hat, waren diese Tutorials .

    
Kitkatnik 21.10.2013, 14:12
quelle
3

In ul element auf Ihrer Seite, die Sie geschrieben haben -

%Vor%

Wo Sie nav nav-list bs-docs-sidenav classes verwendet haben fügen Sie eine weitere Klasse affix-top hinzu. Dann wird es -

%Vor%

Und entfernen Sie die Klasse affix-top aus dieser Zeile, die der Elternknoten Ihres ul -Elements ist -

%Vor%

Und schreibe diese Zeile wie -

%Vor%     
Ritesh 20.10.2013 19:59
quelle