Statistiken

Benutzer
2
Beiträge
18
Anzahl Beitragshäufigkeit
37544

Wer ist online

Aktuell sind 6 Gäste und keine Mitglieder online

Eigene Inhalte Logo

Eigene Inhalte Info

Diese Web-Präsentation ist zu Testzwecken mit Joomla! 3.x, Bootstrap 2 und eigenem JavaScript installiert. Sie soll aufzeigen was mit Joomla! 3.x und Bootstrap 2 möglich ist, evtl. Fehler aufzeigen, und helfen dafür Lösungen zu finden. Es ist eine reine Demoseite und dient ausschließlich zur Veranschaulichung.

Scroll Top Funktion

Zum Seitenanfang scrollen mit Hilfe von Javascript und eines ScrollTop Button, der erst eingeblendet wird, wenn die Seite sich nach unten bewegt.

HTML

 <a class="scrollTop btn" href="#" title="Scroll zum Seitenanfang"><i class="icon-eject"></i></a>

CSS

Das CSS wird über das Javascript erzeugt.

Javascript

(function($){

$(document).ready(function() { $(".scrollTop").css({ 'position':'fixed', 'bottom':'3px', 'right':'3px', 'z-index':'500' }); $(".scrollTop").hide(); $(function() { $(window).scroll(function() { if ($(this).scrollTop() > 100) { $('.scrollTop').fadeIn(); } else { $('.scrollTop').fadeOut(); } }); $(' a.scrollTop').click(function() { $('body,html').animate({ scrollTop : 0 }, 800); return false; }); }); });

})(jQuery);

Kommentar schreiben

Bitte habt dafür Verständnis, dass erst nach Sichtung der Einträge eure Einträge freigestellt werden, und auch erst dann sichtbar für alle sind.


Sicherheitscode
Aktualisieren