Statistiken

Benutzer
2
Beiträge
18
Anzahl Beitragshäufigkeit
44227

Wer ist online

Aktuell sind 162 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);

You have no rights to post comments