jueves, 17 de mayo de 2012

Evento scroll Jquery


Evento scroll

El evento scroll() se envía a los elementos que cambian su scroll ante una acción del usuario. Se aplica a los objetos ventana, frames y elementos con la propiedad overflow CSS puesta en estado “scroll”.

Mueve el scroll del siguiente textarea...




El código es el siguiente...

<!-- By http://jquery-manual.blogspot.com -->
<!DOCTYPE HTML>
<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.2.min.js'></script>
<script type="text/javascript">
$(document).ready(function() {
$('textarea#hola').scroll(function(){
$("#MostrarTexto").text("Estás moviendo el scroll del textarea.");
});
});
</script>
</head>
<body>
<textarea cols="20" rows="10" id="hola">
Mueve el scroll de este textarea para ver que ocurre, 
Mueve el scroll de este textarea para ver que ocurre, 
Mueve el scroll de este textarea para ver que ocurre, 
Mueve el scroll de este textarea para ver que ocurre, 
Mueve el scroll de este textarea para ver que ocurre, 
Mueve el scroll de este textarea para ver que ocurre, 
Mueve el scroll de este textarea para ver que ocurre
</textarea>
<br>
<div id="MostrarTexto" style="color: green;">
</div>
</body>
</html>