<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
<script>
// Esta función te mueve el scroll hasta llegar a la id indicada
// Tiene que recibir el id
function goToId(idName)
{ if($("#"+idName).length) { var target_offset = $("#"+idName).offset(); var target_top = target_offset.top;
$('html,body').animate({scrollTop:target_top},{duration:"slow"}); }
}
$(document).ready(function(){ // Este evento se ejecuta cuando se pasa el ratón por encima del texto
$("#pasarPorEncima").hover(function(){ // Llamamos a la función goToId pasando el id
goToId("posicion"); });
});
</script>
<style>
.contenido { clear:both;
margin-top:1000px;
}
</style>
</head>
<body>
<div id="pasarPorEncima">Al pasar por encima de este texto, nos iremos a un punto de la pantalla</div>
<div id="posicion" class="contenido">
contenido....
</div>
</body>
</html>
Crear cuenta
Comentarios sobre la versión: Versión 1.0 (0)
No hay comentarios