Pesquisar na Comunidade
Mostrando resultados para as tags ''scroll animate''.
Encontrado 1 registro
-
Fala Galera, estou com um problema. O scroll animado não funciona de forma alguma. o script é muito simples, mas algo está acontecendo e não funciona a animação. <!DOCTYPE html> <html class="no-js" lang="pt-br"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700' rel='stylesheet' type='text/css'> <link href="css/animate.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <script src="js/jquery-1.7.1.min.js"></script> <!----------------------------------------- SCROLL ANIMADO -------------------------------------> <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top}, 800); }); }); </script> </head> <body onload="document.getElementById('load-fadeIn').style.display='block';"> <div id="loading-page"> <div id="loading-page-ico"></div> <div id="load-fadeIn" class="animate fadeIn"> <div id="n-top2" class="top animate fadeInDownBig" style="width:100%; height:320px; position:relative; top:0; background:rgba(255,255,255,0.4);"> LINK COM A CLASSE SCROLL: <div id="seta-top"><a href="#content-text" class="scroll" style="width:100%; height:100%; display:block; text-decoration:none; color:#000;"></a></div> </div> </div><!-- FIM LOAD-FADEIN --> </div><!-- FIM LOAD-PAGE --> </body> </html>
