Przewijanie okna według()
Przykład
Przewiń dokument 100px w poziomie:
window.scrollBy(100, 0);
Przewiń dokument o 100px w pionie:
window.scrollBy(0, 100);
Więcej przykładów poniżej.
Definicja i użycie
Metoda scrollBy()
przewija dokument o określoną liczbę pikseli.
Notatka
Aby scrollBy()
metoda działała, dokument musi być większy niż ekran, a pasek przewijania musi być widoczny.
Zobacz też:
Składnia
window.scrollBy(x, y)
Lub tylko:
scrollBy(x, y)
Parametry
Parameter | Description |
x | Required. Number of pixels to scroll (horizontally). Positive values scroll to the right, negative values to the left. |
y | Required. Number ofpixels to scroll (vertically). Positive values scroll down, negative values scroll up. |
Wartość zwrotu
ŻADEN |
Więcej przykładów
Przewiń dokument w górę iw dół:
<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>
Przewiń dokument w prawo iw lewo:
<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>
Obsługa przeglądarki
scrollBy()
jest obsługiwany we wszystkich przeglądarkach:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |