2018 Stimmen

Mit JavaScript an den Anfang der Seite blättern?

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.

23voto

pollirrata Punkte 5023

Die alte #top können den Trick machen

document.location.href = "#top";

Funktioniert gut in FF, IE und Chrome

22voto

Santosh Jadi Punkte 1361

Das wird funktionieren:

window.scrollTo(0, 0);

20voto

arvinda kumar Punkte 601
$(".scrolltop").click(function() {
  $("html, body").animate({ scrollTop: 0 }, "slow");
  return false;
});

.section{
 height:400px;
}
.section1{
  background-color: #333;
}
.section2{
  background-color: red;
}
.section3{
  background-color: yellow;
}
.section4{
  background-color: green;
}
.scrolltop{
  position:fixed;
  right:10px;
  bottom:10px;
  color:#fff;
}

<html>
<head>
<title>Scroll top demo</title>
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
</head>
<body>
<div class="content-wrapper">
<div class="section section1"></div>
<div class="section section2"></div>
<div class="section section3"></div>
<div class="section section4"></div>
<a class="scrolltop">Scroll top</a>
</div>

</body>
</html>

19voto

tfont Punkte 10180

Nicht-JQuery-Lösung / reines JavaScript:

document.body.scrollTop = document.documentElement.scrollTop = 0;

18voto

Smaillns Punkte 1810

Die gleichwertige Lösung in TypScript kann folgendermaßen aussehen

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

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:

X