2018 Stimmen

KingNestor avatar

Mit JavaScript an den Anfang der Seite blättern?

Gefragt el 17 de Juli, 2009
Wann wurde die Frage gestellt
2060183 Ansichten
Anzahl der Besuche der Frage
5 Antworten
Anzahl der Fragenantworten
Gelöst
Aktueller Status der Frage

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.

Gefragt el 17 de Juli, 2009 von KingNestor

Antworten

Zu viele Anzeigen?

8voto

object-Object avatar
object-Object Punkte 1377

document.getElementById("elem").scrollIntoView();

Beantwortet el 9 de Januar, 2019 von object-Object (1377 Punkte )

8voto

Sandeep Gantait avatar
Sandeep Gantait Punkte 791

Warum verwenden Sie nicht die in JQuery eingebaute Funktion scrollTop :

$('html, body').scrollTop(0);//For scrolling to top

$("body").scrollTop($("body")[0].scrollHeight);//For scrolling to bottom

Kurz und einfach!

Beantwortet el 20 de Marsch, 2016 von Sandeep Gantait (791 Punkte )

8voto

Gianluca Casati avatar
Gianluca Casati Punkte 2495

Motivation

Diese einfache Lösung funktioniert von Haus aus und ermöglicht einen reibungslosen Bildlauf zu jeder beliebigen Position.

Es vermeidet die Verwendung von Ankerlinks (die mit # ), die meiner Meinung nach nützlich sind, wenn man auf einen Abschnitt verlinken will, aber in manchen Situationen nicht so bequem sind, besonders wenn sie auf den Anfang zeigen, was zu zwei verschiedenen URLs führen könnte, die auf denselben Ort zeigen ( http://www.example.org y http://www.example.org/# ).

Lösung

Setzen Sie eine id zu dem Tag, zu dem Sie blättern wollen, zum Beispiel zu Ihrem ersten Abschnitt die diese Frage beantwortet, aber die id könnte überall auf der Seite platziert werden.

<body>
  <section id="top">
    <!-- your content -->
  </section>
  <div id="another"><!-- more content --></div>

Dann können Sie als Schaltfläche einen Link verwenden, bearbeiten Sie einfach die onclick Attribut mit einem Code wie diesem.

<a onclick="document.getElementById('top').scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'nearest' })">Click me</a>

Wenn das Argument der document.getElementById es el id des Tags, zu dem Sie nach dem Klicken blättern möchten.

Beantwortet el 9 de Kann, 2018 von Gianluca Casati (2495 Punkte )

7voto

Justin Liu avatar
Justin Liu Punkte 543

Sie können die in Javascript eingebaute Funktion verwenden scrollTo :

function scroll() {
  window.scrollTo({
    top: 0,
    behavior: 'smooth'
  });
}

<button onclick="scroll">Scroll</button>
Beantwortet el 28 de Kann, 2020 von Justin Liu (543 Punkte )

7voto

Gayashan Perera avatar
Gayashan Perera Punkte 621

Verwenden Sie einfach dieses Skript, um direkt nach oben zu scrollen.

<script>
$(document).ready(function(){
    $("button").click(function(){
        ($('body').scrollTop(0));
    });
});
</script>
Beantwortet el 27 de September, 2017 von Gayashan Perera (621 Punkte )

Verwandte Fragen

Empfohlene Fragen

Top-Tags

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

Yandex
X