[JQUERY] [metodo] .scrollLeft()

.scrollLeft() (metodo jQuery) accede, in lettura e scrittura, allo scroll orizzontale 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").scrollLeft();
// SET
$("selettore").scrollLeft("posizione");
parametro descrizione
posizione La posizione (in pixel) da impostare

Esempi

<h2>scrollLeft</h2>
<div id="scrollLeft" style="border:1px solid black;width:120px;height:130px;overflow:auto">
SCROLL ORIZONTALE: precipitevolissimevolmenteprecipitevolissimevolmente</div>
<p>Posizione: <span id="scrollLeft_pos"></span></p>
<button id="scrollLeft_set">SET e GET scrollbar</button>
<script>
$("button#scrollLeft_set").click(function(){
	// get posizione attuale
	var get = $("div#scrollLeft").scrollLeft();
	// la modifica
	get += 20;
	// set posizione
	$("div#scrollLeft").scrollLeft(get);
	// la scrive nello span
	$("span#scrollLeft_pos").text(get);
});
</script>

Contenuti correlati

Fonti esterne

jquery, metodi jquery

Related Articles

0 Comment

Rispondi