Antworten zum Thema „Sidebar bleibt irgendwann stehen nur Content läuft weiter beim scrollen“

[indalo0309]

Hallo Gemeinde,
ich bin auf der Suche nach einem Plugin oder Code-schnippsel, der bewirkt, dass der Inhalt der Sidebar stehen bleibt, während man den Content noch weiter scrollt. Der Sinn dahinter ist, dass man immer eine Sidebar hat.

Ich weiß, dass war jetzt schlecht erklärt, deshalb hier mal ein Beispiel

http://www.psd-dude.com/tutorials/photoshop.aspx?t=create-a-3d-map-in-photoshop

Wenn ihr das Tutorial bis runterscrollt, werdet ihr merken, dass die Werbung und die Facebook Box irgendwann stehen bleiben.

Nun meine Frage:
Weiß jemand wie das geht??ß
Danke im Voraus
Karsten

 

[leveler]

AW: Sidebar bleibt irgendwann stehen nur Content läuft weiter beim scrollen

ich bin auf der Suche nach einem Plugin oder Code-schnippsel, der bewirkt, dass der Inhalt der Sidebar stehen bleibt, während man den Content noch weiter scrollt

Den hast Du schon, Du musst ihn Dir nur noch angucken

#contentRightColumn {
background-color: #F2F2F2;
border: 1px solid #C8CBD0;
color: #3B3525;
float: left;
font-size: 14px;
line-height: 18px;
margin-bottom: -40999px;
margin-left: 6px;
padding-bottom: 40999px;
width: 295px;
}

Ohne dass ich dem jetzt tiefer auf den Grund gehe, es wird wohl mit den
margin-/padding-werten zusammenhängen.

 

[indalo0309]

AW: Sidebar bleibt irgendwann stehen nur Content läuft weiter beim scrollen

Hmm, also mit dem Code bekomme ich nur eine tierisch lange Sidebar. Eben 40.999px. Da scheint noch etwas zu fehlen

 

[hub]

AW: Sidebar bleibt irgendwann stehen nur Content läuft weiter beim scrollen

Moin moin,
dieses Problem kannst du z.B. mit jQuery erschlagen, indem du eine Funktion in die beiden Windowereignisse Resize und Scroll einhängst und die Position der Box im Viewport deines Browsers überwachst und gegebenenfalls anpasst.
Die aktuelle Position bestimmst du mit

$(window).scrollTop() - $('dein-container').offset().top

wird das Ergebnis kleiner 0, verlässt du den sichtbaren Teil des Browsers am oberen Rand.
Es ist nur ein Ansatz, zum Umsetzen gibt es dann mehrere Wege ...

Gruß Ulli

 

[indalo0309]

AW: Sidebar bleibt irgendwann stehen nur Content läuft weiter beim scrollen

Danke euch erst einmal.
Ein schönes Plugin gibt es wohl dafür leider nicht??
Gruß Karsten