Comunidad de diseño web y desarrollo en internet online

Scroll con Jquery

Citar            
MensajeEscrito el 28 Mar 2009 09:01 pm
Hola gente.
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

Por fack.us

25 de clabLevel



 

la choya bay

firefox
Citar            
MensajeEscrito el 29 Jul 2009 06:33 pm
He implementado tu script en un desarrollo y me ha funcionado perfectamente.

Con un clic desplace el scroll de un div.

:D Gracias.

Por vafeLu

2 de clabLevel



Genero:Masculino  

Colombia

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.