.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
- CSS
- HTML
- JavaScript
- jQuery
- PHP
- SQL
- WORDPRESS
0 Comment