Comunidad de diseño web y desarrollo en internet online

Scroll javascript

Citar            
MensajeEscrito el 24 Dic 2009 03:18 pm
Hola,

Estoy intentado hacer una página web de noticias con scroll de la información pero no consigo realizarlo... La idea es tener arriba y abajo una imagen y en el centro la información y solo hacer scroll de la información. Y aquí es donde está el problema, he conseguido hacer scroll de la página entera pero de la información solo no.

Para hacer el scroll tengo este script:

Código Javascript :

      var tiempo;
      var scroll = true;
      function hacerScroll() {
            clearTimeout(tiempo);
            if (scroll){
               window.scrollBy(0,1); 
               tiempo = setTimeout ('hacerScroll()',300);
            }
      } 
      
      function pararScroll() {
         scroll=false;
         clearTimeout(tiempo);
      }
      
      function cambiarScroll(){
         scroll=true;
         pageScroll();
      }
      
      
      function empezarScroll(){
         setTimeout('pageScroll()',10000);
      }


Y la web es está:

Código HTML :

   
<style>
  #informacion {
   overflow:hidden;
    width: 226;
    height:200      }
</style>
<body onload="empezarScroll()">
      <div >            
                  <img  onmouseover="pararScroll()" id = "superior" src='titulo.gif' />           
      </div>
      <div  id="informacion" onmouseover="cambiarScroll()">
            <p id='titulo' >Aquí el titulo de la info</p>
            <p id='info' >Aquí toda la info</p>
      </div>
      <div >
                   <img id='inferior' scr="inferior.jpg">
      </div>
   </body>


Si comento el overflow en style hace scroll de toda la página pero si lo descomento no hace scroll nada. A ver si se os ocurre alguna manera de poder solucionarlo porque yo ya emipezo a desistir...

Gracias, Un saludo!

Por noky

0 de clabLevel



 

chrome
Citar            
MensajeEscrito el 11 Ene 2010 01:31 pm
El truco está en poner un DIV dentr de otro div. En el exterior debes usar la propiedad crop.


Un saludo
------------------------------------------
[url=http://www.xatcom.net ]http://www.xatcom.net [/url] Diseño web valencia

Por carmarri

3 de clabLevel



 

firefox

 

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