4

O código abaixo em jQuery roda perfeitamente bem no Google Chrome e Opera. O problema é que não funciona no IE e Firefox, antes funcionava.

// Jquery document...
$(document).ready(function() {
    $('a[href^="#"]').click(function (event) {
        var id = $(this).attr("href");
        var target = $(id).offset().top - 200;

        $('body').animate({scrollTop:target}, 300);
        event.preventDefault (); 
    });
});
0

1 Resposta 1

2

Em alguns navegadores o scrollBar fica no body e em outros fica no html, portanto você deve mudar o seletor para:

$('html,body').animate({scrollTop:target}, 300);

Deve ficar assim:

$(document).ready(function() {
    $('a[href^="#"]').click(function (event) {
        var id = $(this).attr("href");
        var target = $(id).offset().top - 200;

        $('html,body').animate({scrollTop:target}, 300);
        event.preventDefault(); 
    });
});
1
  • Valeu Guilherme, funcionou. Commented 21/04/2015 às 1:13

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 .