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.
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 -->
Pergunta
Jesio Costa
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>
Link para o comentário
Compartilhar em outros sites
0 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.