.scrollTop()
(metodo jQuery) accede, in lettura e scrittura, allo scroll verticale dell’elemento rispetto al documento: in particolare, legge (get) la posizione del primo degli elementi selezionati ed imposta (set) la posizione di tutti gli elementi selezionati.
Sintassi
// GET $("selettore").scrollTop(); // SET $("selettore").scrollTop("posizione");
parametro | descrizione |
---|---|
posizione | La posizione (in pixel) da impostare |
Esempi
<h2>scrollTop</h2> <div id="scrollTop" style="border:1px solid black;width:120px;height:130px;overflow:auto"> SCROLL VERTICALE: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin id ultricies metus, vulputate varius metus. Sed mattis maximus augue ut dapibus. Suspendisse luctus sollicitudin tincidunt. Phasellus non eros congue, pharetra quam ac, semper arcu. Maecenas est nisi, sodales ac mattis non, venenatis id ipsum. </div> <p>Posizione: <span id="scrollTop_pos"></span></p> <button id="scrollTop_set">SET e GET scrollbar</button> <script> $("button#scrollTop_set").click(function(){ // get posizione attuale var get = $("div#scrollTop").scrollTop(); // la modifica get += 20; // set posizione $("div#scrollTop").scrollTop(get); // la scrive nello span $("span#scrollTop_pos").text(get); }); </script>
Contenuti correlati
- CSS
- HTML
- JavaScript
- jQuery
- PHP
- SQL
- WORDPRESS
0 Comment