jQuery Scroll To bottom of the page (Défilement vers le bas de la page)

Question

Une fois que ma page est chargée. Je veux que jQUery fasse gentiment défiler le bas de la page, en l'animant rapidement, sans à-coups.

Ai-je besoin d'un plugin comme ScrollTo pour cela ? ou est-ce intégré à jQuery d'une certaine manière ?

Answer 1

En utilisant 'document.body.clientHeight', vous pouvez obtenir la hauteur vue des éléments du corps.

$('html, body').animate({
    scrollTop: $("#particularDivision").offset().top - document.body.clientHeight + $("#particularDivision").height()
}, 1000);

ce défilement se fait à l'id 'particularDivision'.

Answer 2

function scrollToBottom() {
     $("#mContainer").animate({ scrollTop: $("#mContainer")[0].scrollHeight }, 1000);
}

C'est le travail de solution de moi et vous trouvez, je suis sûr que

Answer 3

$('#pagedwn').bind("click", function () {
        $('html, body').animate({ scrollTop:3031 },"fast");
        return false;
});

Cette solution a fonctionné pour moi. Il fonctionne dans Page Scroll Down rapidement.

Answer 4

Pour jQuery 3, veuillez changer

$(window).load(function() { $("html, body").animate({ scrollTop : $(document).height() }, 1000) ; })

à :

$(window).on("load", function (e) { $("html, body").animate({ scrollTop : $(document).height() }, 1000) ; })

Answer 5

Js

var el = document.getElementById("el");
el.scrollTop = el.scrollHeight - el.scrollTop;