HTML DOM scrollLeft Właściwość
Przykład
Pobierz liczbę pikseli, w których zawartość elementu <div> jest przewijana w poziomie i w pionie:
var elmnt = document.getElementById("myDIV");
var x = elmnt.scrollLeft;
var y = elmnt.scrollTop;
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Właściwość scrollLeft ustawia lub zwraca liczbę pikseli, w jakiej zawartość elementu jest przewijana w poziomie.
Porada: Użyj właściwości scrollTop , aby ustawić lub zwrócić liczbę pikseli, w jakiej zawartość elementu jest przewijana w pionie.
Wskazówka: Aby dodać paski przewijania do elementu, użyj właściwości CSS overflow .
Obsługa przeglądarki
Property | |||||
---|---|---|---|---|---|
scrollLeft | Yes | Yes | Yes | Yes | Yes |
Składnia
Zwróć właściwość scrollLeft:
element.scrollLeft
Ustaw właściwość scrollLeft:
element.scrollLeft = pixels
Wartości nieruchomości
Value | Description |
---|---|
pixels |
Specifies the number of pixels the element's content is scrolled horizontally. Special notes:
|
Szczegóły techniczne
Wartość zwrotu: | Liczba reprezentująca liczbę pikseli, o jaką zawartość elementu została przewinięta w poziomie |
---|
Więcej przykładów
Przykład
Przewiń zawartość elementu <div> DO 50 pikseli w poziomie i 10 pikseli w pionie:
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft = 50;
elmnt.scrollTop = 10;
Przykład
Przewiń zawartość elementu <div> O 50 pikseli w poziomie i 10 pikseli w pionie:
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft += 50;
elmnt.scrollTop += 10;
Przykład
Przewiń zawartość <body> o 30 pikseli w poziomie i 10 pikseli w pionie:
var body = document.body; // Safari
var html = document.documentElement; //
Chrome, Firefox, IE and Opera places the overflow at the <html> level, unless else is specified. Therefore, we use the
documentElement property for these browsers
body.scrollLeft += 30;
body.scrollTop += 10;
html.scrollLeft += 30;
html.scrollTop += 10;