Das Rolling -Ereignis der JS -Überwachungsrollleiste macht den Inhalt eines Tags immer in derselben Position

Kleine Wissenspunkte, nicht viel Unsinn, wenden Sie den Code einfach direkt an

CSS:

Kopieren Sie den Code -Code wie folgt:

<pr name = "code"> <style>

#anchor: {{{{{

Position: Abskel;

Top: 40%;

Links: 40%;

Breite: 100px;

Höhe: 100px;

Hintergrundfarbe: Rot;

}

</style> </pre> <br>

JS:

Kopieren Sie den Code -Code wie folgt:

<PR name = "Code"> var auchortop = $ ("#anchor").

auchortop = nummer (auchortop.substring

Window.onscroll = function () {

var top = document.documentElement.scroltop || document

$ ("#Anchor").

};

HTML:

Kopieren Sie den Code -Code wie folgt:

<div id = "Anchor"> </div>

Sie können Rolling -Balken in Windows.Onscroll hinzufügen. . Anchortop ist der Abstand zwischen dem Beginn des Ziels und der Spitze des Browsers.

Wenn die Rollstange gerollt ist, ändert sich der Top -Wert, und dann kann der anfängliche Top -Wert des '#anchor' plus der Top -Wert der Bildlaufleiste den Inhalt immer in derselben Position halten.