2010-12-28 4 views
-1

Ich baue ein neues Thema für mein Blog und ich brauche es vor 1. JANUAR Sein fast vollständig zu tun, aber ich bin der Begegnung ein Problem:Wie stoppe ich die endlose schwebende Div in JavaScript?

See this post for example

Die letzten 2 Widgets dh Aktuelle Beiträge und LETZTEN POSTS in der Sidebar werden auf Float gesetzt (absolute Positionierung, schwebende Widgets werden fixiert, wenn der Benutzer zu ihm scrollt), so dass sie immer sichtbar sind, wenn ein Benutzer nach unten scrollt. Aber wie höre ich auf zu schweben, nachdem ich die Fußzeile erreicht habe? Jede Hilfe würde wirklich geschätzt werden.

+5

Dies ist nicht fließend. Es ist etwas JS "Magie", die es tut. Zeig uns den relevanten Code ... –

+1

Ich denke OP bedeutet Floating, um ein Adjektiv zu sein, anstatt eine Style-Eigenschaft (es heißt absolut positioniert). Es ist nicht JS, es ist die absolute CSS-Positionierung, die es tut. –

+0

Ja, ich meinte schweben buchstäblich. – Saket

Antwort

0

Von dem, was ich sehen kann, verwenden Sie einige Javascript, das die Box in Position ändert: behoben, sobald Ihre scrollposition gleich der Oberseite der Box ist. Was Sie brauchen, ist eine Art von Überprüfung, um zu sehen, ob der Boden der Box weniger als eine gegebene Länge vom unteren Rand der Seite ist. Nehmen wir an, die Länge von unten ist kleiner oder gleich 100px. Sie können sie zurück in Position: absolut und unten auf 100px setzen. Dann fügen Sie natürlich einen Haken hinzu, um zu sehen, ob der Fehler behoben ist, wenn der Benutzer wieder hochfährt. Arbeiten Sie ein wenig mit dem Skript, das Sie dort bekommen haben, und Sie werden eine Lösung haben, haben Sie nicht die Fähigkeit, ein Skript von der Comp zu testen, die ich bei atm bin, kann Ihnen damit nicht helfen.

Verwandte Themen