Estuve tratando con un plugin dee jquery, scrollTo, para como dice su nombre hacer scroll de un objeto a otro, pero, como no tuve mucho exito trate de forma manual pero no me ha funcionado muy bien que digamos.
Aqui les dejo el codigo
Código :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Rocky Point Condos . Most beautyful condos</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
$("a.scroll").click(function () {
var elementClick = $(this).attr("href");
var destination = $(elementClick).offset().top;
$("body").animate({ scrollTop: destination}, 700 );
console.log(destination);
console.log(elementClick);
return false;
});
});
</script>
</head>
<body>
<div id="header">
<ul id="nav">
<li id="block1"><a href="#block3" title="" class="scroll" >home</a></li>
<li style="height:1000px"><a href="#block2" title="" class="scroll">amenities</a></li>
<li id="block3"><a href="#block1" title="" class="scroll">gallery</a></li>
<li><a href="http://localhost/fack.us/sky1409/" title="">contact</a></li>
<li><a href="http://localhost/fack.us/sky1409/" title="">reserve now</a></li>
</ul>
</div>
<div class="container_16" id="main">
</div>
<div id="footer">
footer
</div>
</body>
</html>
Esto es solo codigo de prueba, espero que alguien tenga ayuda.
Saludos
