Ir para conteúdo
Fórum Script Brasil
  • 0

Erro no scroll animado


Jesio Costa

Pergunta

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>

 

Grato.

 

 

 

</div><!-- FIM LOAD-FADEIN -->
</div><!-- FIM LOAD-PAGE -->


</body>
</html>

 

 

 

 

 
 
 
Link para o comentário
Compartilhar em outros sites

1 resposta 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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...