Fix jQuery Scrollen

Question

Seite muss nach dem Klicken auf den Link mit der ID gescrollt werden (lassen Sie es #link sein).

Hier ist mein Code, der nicht funktioniert :

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

Aber diese funktioniert , nachdem die Seite geladen wird es rollt langsam auf den unteren Rand der Seite:

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

Höhe des Körpers ist 6000px.

Answer 1

In Ihrem ersten Beispiel, werden Sie die Einstellung der scrollTop des eigentlichen Verbindungselement, das nichts in sich hat zu blättern. (Kein Überlauf)

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

Hers ist eine ziemlich gute Erklärung von https://developer.mozilla.org/En /DOM/Element.scrollTop

Answer 2

Es sieht aus wie Ihr versucht, ‚dies‘ zu animieren, die die Verbindung sein würde!

Sie sollten $ (Fenster) versuchen .animate statt! oder vielleicht sogar dokumentieren, leider nicht sicher!

Answer 3

versuchen $ ( 'html, body'). Animieren alle Browser unterstützen