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.