Wie kann ich mit JavaScript an den Anfang der Seite blättern? Die Bildlaufleiste, die sofort an den Anfang der Seite springt, ist ebenfalls wünschenswert, da ich nicht auf einen reibungslosen Bildlauf aus bin.
Antworten
Zu viele Anzeigen?Alle diese Vorschläge eignen sich hervorragend für verschiedene Situationen. Für diejenigen, die diese Seite über eine Suche finden, kann man auch diese einen Versuch. JQuery, kein Plug-in, zum Element blättern.
$('html, body').animate({
scrollTop: $("#elementID").offset().top
}, 2000);
<script>
$(function(){
var scroll_pos=(0);
$('html, body').animate({scrollTop:(scroll_pos)}, '2000');
});
</script>
Bearbeiten:
$('html, body').animate({scrollTop:(scroll_pos)}, 2000);
Eine andere Möglichkeit ist das Blättern mit oberem und linkem Rand:
window.scrollTo({ top: 100, left: 100, behavior: 'smooth' });
Wirklich seltsam: Diese Frage ist seit fünf Jahren aktiv und es gibt immer noch keine Vanilla-JavaScript-Antwort, um das Scrollen zu animieren Also hier ist sie:
var scrollToTop = window.setInterval(function() {
var pos = window.pageYOffset;
if ( pos > 0 ) {
window.scrollTo( 0, pos - 20 ); // how far to scroll on each step
} else {
window.clearInterval( scrollToTop );
}
}, 16); // how fast to scroll (this equals roughly 60 fps)
Wenn Sie möchten, können Sie dies in eine Funktion verpacken und diese über die onclick
Attribut. Prüfen Sie dies jsfiddle
Hinweis: Dies ist eine sehr einfache Lösung und vielleicht nicht die leistungsfähigste. Ein sehr ausführliches Beispiel finden Sie hier: https://github.com/cferdinandi/smooth-scroll