Fix jQuery rolagem

Question

página deve ser rolada após clicar no vínculo com id (deixá-lo ser #link).

Aqui está o meu código, que não funciona :

$(document).ready(function(){
    $("#link").click(function () { 
        $(this).animate({ scrollTop: 2000 }, 'slow'); 
    });
});

Mas Este funciona , após a página é carregada lo lentamente rola para a parte inferior da página:

$(document).ready(function() {
    $('html, body').animate({ scrollTop: 6000 }, 'slow'); 
});

Altura do corpo é 6000px.

Answer 1

Em seu primeiro exemplo, você está definindo o scrollTop do elemento de ligação efectiva que não tem nada dentro dela para se deslocar. (Sem overflow)

$(document).ready(function(){
    $("#link").click(function () { 
        $("body").animate({ scrollTop: 2000 }, 'slow'); 
    });
});

A dela é uma boa explicação bastante da https://developer.mozilla.org/En /DOM/Element.scrollTop

Answer 2

Parece que o seu tentando animar 'isto' que seria o link!

Você deve tentar $ (janela) .animate vez! ou talvez mesmo documento, desculpe não tenho certeza!

Answer 3

tente $ ( 'html, body'). Animado para suportar todos os navegadores