Najnowsze tutoriale tworzenie stron internetowych
 

Okno scrollBy() Method

<Okno Object

Przykład

Przewijać dokument 100px poziomo:

window.scrollBy(100, 0);
Spróbuj sam "

Więcej "Try it Yourself" przykłady poniżej.


Definicja i Wykorzystanie

scrollBy() metoda przewija dokument przez określoną liczbę pikseli.

Note: W przypadku tej metody do pracy, widoczna własność okna przewijania musi być ustawiona na true!


Wsparcie przeglądarka

metoda
scrollBy() tak tak tak tak tak

Składnia

window.scrollBy( wartości parametrów
Parametr Rodzaj Opis
xnum Number Wymagany. Ile pikseli, aby zmieniać wzdłuż osi x (horizontal) . Wartości dodatnie będą przewijać w lewo, natomiast wartości ujemne będą przewijać w prawo
ynum Number Wymagany. Ile pikseli, aby zmieniać, wzdłuż osi Y (vertical) . Wartości dodatnie będą przewijać w dół, natomiast wartości ujemne przewijać w górę

Szczegóły techniczne

Zwracana wartość: Nie zwraca wartości

Przykłady

Więcej przykładów

Przykład

Przewijać dokument 100px w pionie:

window.scrollBy(0, 100);
Spróbuj sam "

Przykład

Przewijania dokumentu w poziomie i w pionie:

<button onclick="scrollWin(0, 50)">Scroll down</button>
<button onclick="scrollWin(0, -50)">Scroll up</button>
<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>
Spróbuj sam "

Podobne strony

Okno Object: href="met_win_scrollto.html"> scrollTo() Method


<Okno Object