[JQUERY] [metodo] .scrollTop()

.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

Fonti esterne

jquery, metodi jquery

Related Articles

0 Comment

Rispondi