Correggi lo scorrimento di jQuery

Question

La pagina deve essere fatta scorrere dopo aver fatto clic sul collegamento con ID (lascia che sia #link).

Ecco il mio codice, che non funziona :

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

Ma questo funziona , dopo che la pagina si carica scorre lentamente fino alla fine della pagina:

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

L'altezza del corpo è 6000px.

Answer 1

Nel tuo primo esempio, stai impostando lo scrollTop dell'elemento link reale che non ha nulla al suo interno da scorrere. (nessun overflow)

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

È una spiegazione abbastanza valida di https://developer.mozilla.org/En /DOM/Element.scrollTop

Answer 2

Sembra che tu stia cercando di animare "questo" quale sarebbe il link!

Dovresti invece provare $ (window) .animate! o forse anche documento, scusa non sono sicuro!

Answer 3

prova $ ('html, body'). animate per supportare tutti i browser