EuDescobri, 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 sei se estesã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 problemaseletor $(".scroll")
, masuse 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 tem muita informaçãosão ancoras (<a>
) então remova a class="scroll"
dos elementos desnecessários, irei supor apenas;como os já citados: #home.scroll
, #oquee.scroll
, section#local.scroll
, #convidado.scroll
e #contato.scroll
Você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:
E veja se o scroll suave ainda funciona, é provável que isto corrija,Isto está ocasionando problemas como este:
O código deve ficar algo como:
...
footer
.container
center
p © Copyright 2015 - Conexão Total, todos os direitos reservados.
/! jQuery (necessary for Bootstrap's JavaScript plugins)
script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"
/! Include all compiled plugins (below), or include individual files as needed
script src="js/bootstrap.min.js"
/! scroll
javascript:
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top}, 800);
});
});