Skip to main content
3 de 3
adicionou 436 caracteres ao conteúdo
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361

Descobri, ao usar

$(".scroll").click(function(event){
    event.preventDefault();

Todos elementos com class="scroll" foram afetados e os elementos filhos também, você aplicou a classe .scroll em vários elementos que não são links, por exemplo:

  • #home.scroll (<div id="home" class="scroll">)
  • #oquee.scroll (<div id="oquee" class="scroll">)
  • section#local.scroll (<section id="local" class="scroll">)
  • #convidado.scroll (<div id="convidado" class="scroll">)
  • #contato.scroll (<div id="contato" class="scroll">)

o event.preventDefault é executado em todos estes elementos e em seus filhos.

Solução 1

Ao invés de usar o seletor $(".scroll"), use desta maneira $("a.scroll"), deve ficar algo como:

  jQuery(document).ready(function($) {
    $("a.scroll").click(function(event){
      event.preventDefault();
      $('html,body').animate({scrollTop:$(this.hash).offset().top}, 800);
    });
  });

Solução 2

Porém se existe elementos que não são ancoras (<a>) então remova a class="scroll" dos elementos desnecessários, como os já citados: #home.scroll, #oquee.scroll, section#local.scroll, #convidado.scroll e #contato.scroll


Outro problema (não tem relação direta com o problema informado) é que você adicionou o jQuery duas vezes, eles podem estar conflitando e desencadeando uma série de problemas:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><!--Include all compiled plugins (below), or include individual files as needed--><script src="js/bootstrap.min.js"></script><!--scroll--><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script>

Pelo que entendi você inclui o jQuery versão 1.11.0 e depois junto com o código do scroll você adicionou a versão 1.4.3, recomendo remover está versão (pois já é bastante antiga):

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script>

Isto está ocasionando problemas como:

Mixed Content: The page at 'https://retiroespiritual.herokuapp.com/' was loaded over HTTPS, but requested an insecure script 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js'. This request has been blocked; the content must be served over HTTPS.

Syzoth
  • 100,5mil
  • 23
  • 169
  • 361