Metoda Window scrollBy()

Definicja i użycie

scrollBy() Metoda przesuwa dokument o określoną liczbę pikseli.

Wskazówka:Aby scrollBy() Metoda działa, jeśli dokument jest większy niż ekran i paski przewijania są widoczne.

Zobacz również:

Metoda scrollTo()

Przykład

Przykład 1

Poziome przesuwanie dokumentu 100px:

window.scrollBy(100, 0);

Spróbuj sam

Przykład 2

Pionowe przesuwanie dokumentu 100px:

window.scrollBy(0, 100);

Spróbuj sam

Przykład 3

Przesuwanie dokumentu w górę i w dół:

<button onclick="scrollWin(0, 50)">Przesuń w dół</button>
<button onclick="scrollWin(0, -50)">Przesuń w górę</button>
<script>
function scrollWin(x, y) {
  window.scrollBy(x, y);
}
</script>

Spróbuj sam

Przykład 4

Przesuwanie dokumentu w lewo i prawo:

<button onclick="scrollWin(100, 0)">Przesuń w prawo</button>
<button onclick="scrollWin(-100, 0)">Przesuń w lewo</button>
<script>
function scrollWin(x, y) {
  window.scrollBy(x, y);
}
</script>

Spróbuj sam

Gramatyka

window.scrollBy(x, y)

lub:

scrollBy(x, y)

Parametr

Parametr Opis
x

Wymagane. Liczba pikseli do przesunięcia (poziomo).

Wartości pozytywne przesuwają się w prawo, wartości ujemne w lewo.
y

Wymagane. Liczba pikseli do przewinięcia (poziomo).

Wartość dodatnia przewija w dół, wartość ujemna przewija w górę.

Zwrócona wartość

Brak.

Obsługa przeglądarek

Wszystkie przeglądarki obsługują scrollBy():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie