0

Meu problema é o seguinte.

<a href="#saibamais" class="scroll-to">
  Saiba Mais
</a>

<div id="saibamais"></div>

$('a.scroll-to').on('click', function (e) {
   e.preventDefault();
$('html,body').animate({scrollTop: ($($(this).attr('href')).offset().top - 0)}, 600);});

Em telas maiores que 992 funciona normalmente, mas ao mudar a resolução de 992 para baixo não funciona mais.

1 Resposta 1

0

Estranho aqui no site está funcionando perfeitamente.

$('a.scroll-to').on('click', function() {
  $('html,body').animate({
     scrollTop: ($($(this).attr('href')).offset().top - 0)
  }, 600);
});
#saibamais{
  margin-top: 800px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#saibamais" class="scroll-to">
  Saiba Mais
</a>

<div id="saibamais">DIV SAIBAMAIS</div>

8
  • Funciona no desktop normal, mas quando eu diminuo a tela ele simplesmente não funciona mais, Commented 27/06/2018 às 12:33
  • Qual navegador está usando? Testei em resolução de 320 por 480 e funcionou normal.
    – LeAndrade
    Commented 27/06/2018 às 12:36
  • Testei no firefox, chrome, opera e nada. Também testei diretamente pelo celular e nada. Ele funciona o scroll, mas o efeito de suavidade não aplica. Commented 27/06/2018 às 12:39
  • Estranho, o que parece ocorrer aí com vc é que a função não executa. Tenta colocar um alert na função depois do 600); alert("testando"); para ver se executa.
    – LeAndrade
    Commented 27/06/2018 às 12:47
  • Já fiz, e esta funcionando. Commented 27/06/2018 às 12:57

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .