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 scrollTop
te 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