Sprungmarkenlink in den Fußbereich, abhängig von der Seitenhöhe, einfügen

Für ein Projekt sollte ich bei jeder Seite im Fußbereich „Zurück zum Seitenanfang“ als Sprungmarkenlink einfügen, bei denen der Webseitenbetrachter scrollen musste.

Das ist auf den ersten Blick unmöglich, da jeder Betrachter andere Bildschirmeinstellungen hat und damit nie genau vorausgehant werden kann, welche Seite jetzt den Betrachter zum Scrollen zwingt.

Also musste eine dynamische Lösung her, die, abhängig von der Existenz von Scrollbalken, diese Aufgabe erledigt. Mit der Hilfe von http://www.stackoverflow.com und 2 grundlegenden jQueryfunktionen konnte ich eine sehr zufriedenstellende Lösung finden:

  1. $(window).scroll(function(){
  2.    if(isMyStuffScrolling()){
  3.   $('div#footer').empty();
  4.   $('div#footer').append('<a href="http://cadoc.posterous.com/#top">Zurück zum Seitenanfang</a>');
  5.    }
  6.  });
  7.   function isMyStuffScrolling() {
  8.    var docHeight = $(document).height();
  9.    var scroll    = $(window).height() + $(window).scrollTop();
  10.    return (docHeight == scroll);
  11.  }

.empty() ist notwendig, da sonnst bei jedem Erreichen des Dokumentenendes „Zurück zum Seitenanfang“ eingefügt werden würde.

Funktioniert wunderbar mit der aktuellsten jQuery Version und fügt tatsächlich nur auf „zu hohen“ Seiten den Sprungmarkenlink ein.