Peristiwa bergulir dari bilah gulir pemantauan JS membuat konten tag selalu dalam posisi yang sama

Poin pengetahuan kecil, tidak banyak omong kosong, cukup terapkan kode secara langsung

CSS:

Salin kode kode sebagai berikut:

<PR Name = "Code"> <tyle>

#jangkar: {{

Posisi: Absule;

Atas: 40%;

Kiri: 40%;

Lebar: 100px;

Tinggi: 100px;

Latar Belakang: Merah;

}

</tyle> </pr Pre> <br>

JS:

Salin kode kode sebagai berikut:

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

auchortop = angka (auchortop.substring

Window.onscroll = function () {

var top = document.documentelement.scroltop || docume

$ ("#Anchor").

};

html:

Salin kode kode sebagai berikut:

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

Anda dapat menambahkan bilah yang bergulir di Window.onscroll. Oleh karena itu, Anda dapat menggunakan simbol "|| untuk menggabungkan kedua atribut ini, yang kompatibel dengan browser yang berbeda. Anchortop adalah jarak antara awal target dan bagian atas browser.

Ketika rolling bar digulung, nilai atas berubah, dan kemudian nilai teratas awal dari '#Anchor' ditambah nilai atas bilah gulir dapat menjaga konten selalu pada posisi yang sama.