Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
eh assim: qdo o mouse aponta pro link o javascript eh acionado e a pagina desloca o div dentro do overflow :)
mas so ta funcionando no Opera e no IE no FF nao (to usando o 1.5)
o mais estranho é q qdo eu tiro o:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
AE SIM FUNCIONA NO FF... mas causa alguns bugs no alinhamento :(
tem dois exemplos:
essa buga todo o alinhamento
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">nesse codigo de teste nao buga o alinhamento:
<html><head><title>Scrolling DIV com JavaScript</title><script language='javascript' type="text/javascript"> var scroll = 0; var old_scroll = 0; teste.scrollTop = 0; function scrollanimator() { if (scroll != 0) { old_scroll = teste.scrollTop; teste.scrollTop+=scroll; if(old_scroll == teste.scrollTop) { scroll = 0; } } } function scroll_down() { scroll = 2; } function scroll_up() { scroll = -2; } function scroll_none() { scroll = 0; }</script></head><body onload="javascript:setInterval('scrollanimator()',1000/60);"> <a onmouseover="javascript:scroll_up()" onmouseout="javascript:scroll_none()">Para Cima</a><br /> <a onmouseover="javascript:scroll_down()" onmouseout="javascript:scroll_none()">Para Baixo</a> <div id='teste' style='position:absolute; width:200px; height: 200px; overflow:hidden;'> <div id='texto' style='background-color:yellow;'> <br /> Nam sollicitudin tristique pede. Cras facilisis. Nulla facilisi. Quisque in justo quis ligula tincidunt volutpat. Integer justo erat, tempus quis, facilisis in, euismod a, orci. Duis enim lorem, mattis sed, fringilla vitae, sodales vel, massa. Phasellus fringilla facilisis sem. Maecenas venenatis nisi sit amet erat. Vivamus magna nisl, feugiat non, aliquet ultrices, auctor eget, tellus. Sed vehicula, ipsum eu nonummy venenatis, libero elit ultrices lectus, eget viverra enim felis ac pede. Curabitur tellus mauris, facilisis vitae, rhoncus at, imperdiet a, sem. Praesent imperdiet. Cras at dui quis tellus gravida vulputate. Fusce pulvinar egestas lectus.<br /> <br /> <img src="flor.jpg" alt="flor" /><br /> <br /> Generated 2 paragraphs, 217 words, 1491 bytes of Lorem Ipsum<br /> </div> </div><br /> </body></html>algume me ajuda, por favor! é muito importante!
Carregando comentários...