WordPress “Zurück zum Seitenanfang”

Das Thema CleanBlogg bietet am Seitenende keinen “Top”-Link an und leider hat auch das body-Element keine konstante ID. Mit einem leeren Server-Script-Link (./?) kommt man aber auch zurück zum Seitenkopf, natürlich mittels neuem Laden.

Im Backend geht man unter Design auf Editor und dort fügt man in der letzen Zeile der Datei comments.php dies ein:

<div style="text-align:right"><a href="./?">Zurück zum Seitenanfang</a></div>

Eine andere Lösung, an der gleichen Stelle eingesetzt, verwendet nur CSS und Javascript, dabei wird die Seite nicht neu geladen (Quelle).

<style>
  #myBtn {display:none;position:fixed;bottom:20px;right:30px;z-index:10;font-size:12px;border:none;outline:none;background-color:#555;color:white;cursor:pointer;padding:5px;border-radius:5px;opacity:.5}
</style>
<script>
  window.onscroll = function() {scrollFunction()};
  function scrollFunction() {
  if (document.body.scrollTop > 80 || document.documentElement.scrollTop > 80) {
  document.getElementById("myBtn").style.display = "block";
  } else {
  document.getElementById("myBtn").style.display = "none";
}
  }
  function topFunction() {
  document.body.scrollTop = 0;
  document.documentElement.scrollTop = 0;
  }
</script>
<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>

1 Comment

  • sammy 2018.03.16 at 21 h 22 min

    Danke! So so, ich habe es geahnt!

    Reply

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.