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