11/12/2015, 16:13
|
| | 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> |