jQuery Scroll naar de onderkant van de pagina

Nadat mijn pagina klaar is met laden. Ik wil dat jQuery netjes naar de onderkant van de pagina scrolt, snel animeert, niet in een handomdraai.

Heb ik daarvoor een plug-in nodig zoals ScrollTo? of is dat op de een of andere manier ingebouwd in jQuery?


Antwoord 1, autoriteit 100%

Je kunt animeren om naar beneden te scrollen op de pagina door de eigenschap scrollTopte animeren, geen plug-in vereist, zoals deze:

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

Let op het gebruik van window.onload(wanneer afbeeldingen worden geladen…die hoogte innemen) in plaats van document.ready.

Om technisch correct te zijn, moet je de hoogte van het venster aftrekken, maar het bovenstaande werkt:

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

Als u naar een bepaalde ID wilt bladeren, gebruikt u de bijbehorende .scrollTop(), zoals dit:

$("html, body").animate({ scrollTop: $("#myID").scrollTop() }, 1000);

Antwoord 2, autoriteit 5%

zoiets als dit:

var $target = $('html,body'); 
$target.animate({scrollTop: $target.height()}, 1000);

Antwoord 3, autoriteit 5%

Je kunt dit proberen

var scroll=$('#scroll');
scroll.animate({scrollTop: scroll.prop("scrollHeight")});

Antwoord 4, autoriteit 4%

$('html,body').animate({ scrollTop: 9999 }, 'slow');

Zo simpel als dit, 9999 pagina’s hoog … groot bereik zodat het tot aan de onderkant kan reiken.


Antwoord 5, autoriteit 2%

$("div").scrollTop(1000);

Werkt voor mij. Scrollt naar beneden.


Antwoord 6

Met ‘document.body.clientHeight’ kun je de zichtbare hoogte van de body-elementen krijgen

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

dit scrollt naar de id ‘particularDivision’


Antwoord 7

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

Dit is de oplossing, werk van mij en u vindt, ik weet het zeker


Antwoord 8

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

Deze oplossing werkte voor mij.Het werkt snel in Page Scroll Down.


Antwoord 9

Voor jQuery 3, gelieve te wijzigen

$(venster).load(function() {
$(“html, body”).animate({ scrollTop: $(document).height() }, 1000);
})

naar:

$(venster).on(“laden”, functie (e) {
$(“html, body”).animate({ scrollTop: $(document).height() }, 1000);
})


Antwoord 10

js

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

Antwoord 11

var pixelFromTop = 500;     
$('html, body').animate({ scrollTop: pixelFromTop  }, 1);

Dus wanneer de pagina wordt geopend, wordt deze na 1 milliseconde automatisch naar beneden gescrold

Other episodes