Przykład
Get liczbę pikseli treść w <div> elementu przewijane poziomo i pionowo:
var elmnt = document.getElementById("myDIV");
var x = elmnt.scrollLeft;
var y = elmnt.scrollTop;
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Zestawy własności scrollLeft lub zwraca liczbę pikseli zawartość elementu jest przewijane poziomo.
Wskazówka: Użyj scrollTop właściwość, aby ustawić lub zwróci liczbę pikseli zawartość elementu jest przewijane w pionie.
Wskazówka: Aby dodać paski przewijania do elementu, należy użyć CSS przepełnienia nieruchomości.
Wsparcie przeglądarka
Nieruchomość | |||||
---|---|---|---|---|---|
scrollLeft | tak | tak | tak | tak | tak |
Składnia
Zwraca właściwość scrollLeft:
element .scrollLeft
Ustaw właściwość scrollLeft:
element .scrollLeft= pixels
wartości nieruchomości
Wartość | Opis |
---|---|
pixels | Określa liczbę pikseli zawartość elementu jest przewijane poziomo. Specjalne notatki:
|
Szczegóły techniczne
Zwracana wartość: | Liczbą, oznaczającą liczbę pikseli że zawartość elementu została przewijane poziomo |
---|
Więcej przykładów
Przykład
Przewijania zawartości <div> elementu do 50 pikseli w poziomie i w pionie 10 pikseli:
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft = 50;
elmnt.scrollTop = 10;
Spróbuj sam " Przykład
Przewijania zawartości <div> elementu 50 pikseli w poziomie i w pionie 10 pikseli:
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft
+= 50;
elmnt.scrollTop += 10;
Spróbuj sam " Przykład
Przewijania zawartość <body> 30 pikseli w poziomie i w pionie 10 pikseli:
var body = document.body; // For Chrome, Safari and Opera
var html = document.documentElement; // Firefox and IE places the overflow at the
<html> level, unless else is specified. Therefore, we use the
documentElement property for these two browsers
body.scrollLeft += 30;
body.scrollTop += 10;
html.scrollLeft += 30;
html.scrollTop += 10;
Spróbuj sam "