Sayfayı yatay ve dikey olarak kaydırma


window.scrollBy(xnum, ynum)

xnum : X ekseni (yatay) boyunca kaç piksel kaydırılacağını belirler. Pozitif değerler sağa, negatif değerler sola kayar

ynum : Y ekseni (dikey) boyunca kaç piksel kaydırılacağını belirler. Negatif değerler yukarı kayarken, pozitif değerler aşağı kayar

 

sayfayı yatay olarak 100 piksel kaydırın:

window.scrollBy(100, 0); // Scroll 100px sağa kaydırır

 

sayfayı dikey olarak 100 piksel kaydırın:

window.scrollBy(0, 100); // Scroll 100px dikey olarak kaydırır

Örnek : 


<p> Sayfa penceresini kaydırmak için düğmelerden birini (birden çok kez) tıklayın. </p> 

<button onclick="scrollWin(0, 50)">Scroll aşağı</button><br><br>

<button onclick="scrollWin(0, -50)">Scroll yukarı</button><br><br>

<button onclick="scrollWin(100, 0)">Scroll sağ</button><br><br>

<button onclick="scrollWin(-100, 0)">Scroll sol</button><br><br>

<script>
function scrollWin(x, y) {
  window.scrollBy(x, y);
}
</script>

Programın Çıktısı

Sayfa penceresini kaydırmak için düğmelerden birini (birden çok kez) tıklayın.









Mesaj ve Yorumlar

Yorum Sayısı (0)

ÜYE YORUMLARI

Çevrimiçi :
7
Günlük :
195
Haftalık :
568
Aylık :
1549
Copyright © 2010 İşbara Alp Sönmez – Programlama Örnekleri. Her hakkı saklıdır. www.alpsonmez.com Bu sitedeki herhangi bir içeriğin, "herhangi bir sitede veya forumda" iznim dışında paylaşım yapılması durumunda hukuki dava açacağımı tarafınıza arz ederim. "Öğrenciler dilediği gibi kullanabilir."