Hey Leute,
ich möchte, dass auf www.schoolquotes.de/schoolquotes das rechte element und das element „werbung“ beim scrollen mit einem abstand von 70px zum oberen bildschirmrand stehen bleiben, und beim zurürckscrollen wieder mit nach unten gehen …
So ganz verstehe ich nicht, was Du da vorhast. Aber Du hast deine Funktion update_style() zweimal definiert. Die zweite Definition überschreibt dabei die erste. Du muss beide zusammenfassen:<script type="text/javascript">
var menuelement=document.getElementById('rechts');
function update_style(){
menuelement.style.top='10';
if(document.documentElement.scrollTop>60) {
menuelement.style.position='fixed';
} else {
menuelement.style.position='absolute';
}
}
window.addEventListener('scroll', update_style);
</script>
Ich würde dir ja gern weiterhelfen, abe ich habe Probleme zu verstehen, was Du genau vorhast. Kannst Du das etwas genauer erklären? Warum kannst Du nicht einfach statisch position:fixed verwenden?
Auf der Seite gibt es eine Kopfzeile, welche fixed am oberen bildschirmrand ist
Darunter ist eine Menüleiste, welche mitscrollt (das ist so gewollt)
rechts unter der Menüleiste ist das rechte div, welches mitscrollen soll (position: absolute), bis es an der Kopfzeile „andockt“ und dort stehen bleibt (fixed), solange, bis man wieder hoch scrollt und die Menüzeile zu sehen ist (dann soll er wieder mit in die ursprungsposition scrollen (position: absolute) …