Pencere kaydırmaY
örnek 1
İçeriği 100 piksel kaydırın ve scrollX ile scrollY'yi uyarın:
window.scrollBy(100, 100);
alert(window.scrollX + window.scrollY);
Aşağıda daha fazla örnek.
Tanım ve Kullanım
Özellik scrollY
, bir belgenin pencerenin sol üst köşesinden kaydırdığı pikselleri döndürür.
scrollY
Mülk salt okunurdur .
Not
Mülk , scrollY
mülke eşittir
pageYOffset
.
Tarayıcılar arası uyumluluk için, window.scrollY yerine window.pageYOffset kullanın.
Ayrıca bakınız:
Sözdizimi
window.scrollY
ya da sadece:
scrollY
Geri dönüş değeri
Tip | Açıklama |
Bir sayı | Belgenin pencerenin sol üst köşesinden kaydırdığı piksel sayısı. |
Daha fazla örnek
Yapışkan bir gezinme çubuğu oluşturun:
// Get the navbar
const navbar = document.getElementById("navbar");
// Get the offset position of the navbar
const sticky = navbar.offsetTop;
// Add the sticky class to the navbar when you reach its scroll position. Remove the sticky class when you leave the scroll position.
function myFunction() {
if (window.scrollY >= sticky) {
navbar.classList.add("sticky")
}
else {
navbar.classList.remove("sticky");
}
}
Tarayıcı Desteği
window.scrollY
tüm tarayıcılarda desteklenir:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |