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!