Questa traduzione è incompleta. Collabora alla traduzione di questo articolo dall’originale in lingua inglese.

La proprietà Element.scrollTop restituisce o imposta il numero di pixel relativo allo scroll verticale di un elemento. 

Il valore scrollTop di un elemento permette di misurare la distanza tra la parte superiore dell'elemento e il suo elemento visibile più in alto. Se un elemento non genera una barra verticale, allora il valore di scrollTop è 0.

Syntax

// Ritorna il numero di pixel scrollati
var  intElemScrollTop = someElement.scrollTop;

Dopo aver eseguito questo codice, intElemScrollTop è un intero corrispondete al numero di pixel del contenuto dell'elemento element' scrollati verso l'alto.

// Imposta il numero di pixel scrollati
element.scrollTop = intValue;

scrollTop può assumere qualsiasi valore di tipo int, ad eccezione dei seguenti:

  • se l'elemento non è scrollabile (ad esempio ha una proprietà del tipo "non-scrollable"), scrollTop assume il valore 0.
  • scrollTop  non può assumere valori negativi, il limite minimo è 0.
  • Se assume valori superiori al massimo per l'elemento allora scrollTop imposta il suo valore al massimo possibile per l'elemento.

Example

padding-top

Se vedi questo, scrollTop = 0

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

If you can see this, scrollTop is > 0

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Se riesci a vedere questo, allora scrollTop = max

padding-bottom

Left Top Right Bottom margin-top margin-bottom border-top border-bottom

Specifications

Specification Status Comment
CSS Object Model (CSSOM) View Module
The definition of 'scrollTop' in that specification.
Working Draft

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support (Yes) (Yes) (Yes) (Yes) (Yes) (Yes)
Feature Android Android Webview Edge Firefox Mobile (Gecko) Firefox OS IE Mobile Opera Mobile Safari Mobile Chrome for Android
Basic support ? (Yes) (Yes) (Yes) ? ? ? ? (Yes)

References

Tag del documento e collaboratori

Tag: 
 Hanno collaborato alla realizzazione di questa pagina: NicolaCastellaniTB
 Ultima modifica di: NicolaCastellaniTB,