scrollBy()
Misol
Hujjatni gorizontal bo‘yicha 100px ga aylantiring:
window.scrollBy(100, 0);
O‘zingiz sinab ko‘ring »
Hujjatni vertikal bo‘yicha 100px ga aylantiring:
window.scrollBy(0, 100);
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
scrollBy() metodi hujjatni belgilangan piksellar soniga aylantiradi.
Eslatma
scrollBy() metodi ishlashi uchun hujjat ekrandan katta bo‘lishi va aylantirish chizig‘i ko‘rinib turishi kerak.
Shuningdek qarang:
Sintaksis
window.scrollBy(x, y)yoki shunchaki:scrollBy(x, y)
Parametrlar
| Parametr | Tavsif |
| x | Majburiy. Aylantiriladigan piksellar soni (gorizontal bo‘yicha). Musbat qiymatlar o‘ngga, manfiy qiymatlar chapga aylantiradi. |
| y | Majburiy. Aylantiriladigan piksellar soni (vertikal bo‘yicha). Musbat qiymatlar pastga, manfiy qiymatlar yuqoriga aylantiradi. |
Qaytariladigan qiymat
| YO‘Q |
Ko‘proq misollar
Hujjatni yuqoriga va pastga aylantiring:
<button onclick="scrollWin(0, 50)">Scroll down</button>
<button onclick="scrollWin(0, -50)">Scroll up</button>
<script>
function scrollWin(x, y) {
window.scrollBy(x, y);
}
</script>
O‘zingiz sinab ko‘ring »
Hujjatni o‘ngga va chapga aylantiring:
<button onclick="scrollWin(100, 0)">Scroll right</button>
<button onclick="scrollWin(-100, 0)">Scroll left</button>
<script>
function scrollWin(x, y) {
window.scrollBy(x, y);
}
</script>
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
scrollBy() barcha brauzerlarda qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | Ha |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!