Ver Mensaje Individual
  #8 (permalink)  
Antiguo 11/12/2015, 16:13
peperafa
 
Fecha de Ingreso: diciembre-2015
Mensajes: 45
Antigüedad: 8 años, 11 meses
Puntos: 3
Respuesta: Arrastar, ocultar y expandible div

Necesitas Jquery, ya te entendí te dejo un ejemplo de la funcion para mover el scroll hacia abajo, tu lo tienes que colocar en tu función donde empiezas a mover las fichas

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

<script>
function scrollWin() {
$('#Layer1').animate/*scroll que se movera en tu caso a lo mejor es html,body*/({
scrollTop: $("#aqui").offset().top/*Donde se movera*/
// scrollTop: 0 para mover hasta arriba
}, 2000/*tiempo que se movera en ml*/);
}
</script>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body>
<div id="Layer1" style="width:100px; height:115px; overflow: scroll;">Aquí saldrá un scroll<br>
<br>
<p>texto</p><br>
<p>texto</p><br>
<p>texto</p><br>
<p>texto</p><br>
<p>texto</p><br>
<div id="aqui"></div><!--Aqui se movera el scroll-->
<p>texto</p><br>
<p>texto</p><br>
<p>texto</p><br>
<p>texto</p><br>
<p>texto</p><br>
</div>
<br>
<p onClick="scrollWin()">click</p>

</body>
</html>