DIV mit jQuery entlang der Seite scrollen

cursed_phil

Hi,
ich stehe vor einem Problem, für das ich leider keine Lösung finde.

Ich möchte mit jQuery eine kleine Sidebar (besteht nur aus 3 Icons) rechts entlang der Seite scrollen lassen. Die Schwierigkeit dabei ist jedoch, dass dies nur in einem bestimmten Bereich geschehen soll. Ist es Beispielsweise möglich, das DIV nur innerhalb des Bereichs eines übergeordneten DIV's scrollen zu lassen? Das heisst, sobald die oberste oder unterste Kante des übergordneten DIV's erreicht ist, soll die Seitenleiste in seiner Position bleiben. Das wäre die idealste Lösung.

Ich hoffe ich konnte mein Problem halbwegs verständlich schildern und freue mich auf Antworten.

Beste Grüße, Philip

Unregistriert

ich würde mit .top() die position der navigation abfragen und mit .addClass() und .removeClass() bei einer bestimmten höhe ein klasse mit position:fixed; und eine mit position:absolute; austauschen.

Also in etwa:
if ($("#navigation").position().top() > 20) {
$("#navigation").removeClass("scroll").addClass("no_scroll");
};

und CSS:

.scroll{
position:fixed;
}

.no_scroll{
position:absolute;
}

Das ist jetzt alles was mir so einfällt (nicht überprüft). Probiers einfach mal aus.

Tags