Kina wa Window pageYOffset

Mifano na matumizi

pageYOffset Mfano hulifu mita ya kusikia ya wasifu kutoka kwenye kimo cha kina kwa eneo la kiwango cha kusikia cha eneo la kwanza cha eneo la kijumbe.

pageYOffset Mfano ina angalau: scrollY Mfano.

pageYOffset Mfano ni bila uharibifu.

Tunapokea:

Mfano ya ekran

Mfano ya ekranini

Mfano

Mfano 1

Tumia kusikia 100 mita, na kushauri pageXOffset na pageYOffset:

window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);

kufa kwa uwanja mmoja

Mfano 2

Kuunda barani ya ujumbe ya kina:

// Pata barani ya ujumbe
const navbar = document.getElementById("navbar");
// Pata kiwango cha kusikia cha barani ya ujumbe
const sticky = navbar.offsetTop;
// Kwa sababu kuingia katika kiwango cha kusikia, ongeza kiklasa 'sticky' kwenye barani ya ujumbe. Kupungua kiwango cha kusikia, kima kiklasa 'sticky'.
function myFunction() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  } na mengine {
    navbar.classList.remove("sticky");
  }
}

kufa kwa uwanja mmoja

madaa

window.pageYOffset

au:

pageYOffset

Matokeo

Aina Kielewa
Sifuri Matokeo ya pixeli ya kusoma kwenye eneo la kina la eneo la kuzingatia window

Mimembo ya kifaa

Wote vitabu vilivunja pageYOffset:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Msaada 9-11 Msaada Msaada Msaada Msaada