Window scrollBy() Metodu

Tanım ve Kullanım

scrollBy() Metod, belgeyi belirtilen piksel sayısına kaydırır.

İpucu:İster scrollBy() Metodun etkili olması için, belge ekranın üzerinde olmalı ve kaydırma çubuğu görünür olmalıdır.

Ayrıca bkz:

scrollTo() Metodu

Örnek

Örnek 1

Belgeyi yatay olarak 100px kaydırın:

window.scrollBy(100, 0);

Kişisel olarak deneyin

Örnek 2

Belgeyi dikey olarak 100px kaydırın:

window.scrollBy(0, 100);

Kişisel olarak deneyin

Örnek 3

Belgeyi yukarı aşağı kaydırın:

<button onclick="scrollWin(0, 50)">Aşağı kaydır</button>
<button onclick="scrollWin(0, -50)">Yukarı kaydır</button>
<script>
function scrollWin(x, y) {
  window.scrollBy(x, y);
}
</script>

Kişisel olarak deneyin

Örnek 4

Belgeyi sağa sola kaydırın:

<button onclick="scrollWin(100, 0)">Sağ kaydır</button>
<button onclick="scrollWin(-100, 0)">Sol kaydır</button>
<script>
function scrollWin(x, y) {
  window.scrollBy(x, y);
}
</script>

Kişisel olarak deneyin

Sözdizimi

window.scrollBy(x, y)

veya:

scrollBy(x, y)

Parametre

Parametre Açıklama
x

Gerekli. Kaydırılacak piksel sayısı (düzeltme).

Sağ solu kaydırır, sol solu kaydırır.
y

Gerekli. Kaydırılacak piksel sayısı (dikey).

Pozitif değerler aşağı doğru kaydırır, negatif değerler yukarı doğru kaydırır.

Dönüş değeri

Yok.

Tarayıcı desteği

Tüm tarayıcılar destekler scrollBy()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Destek Destek Destek Destek Destek Destek