jQuery Scroll statt MooTools smoothScroll
Liebe Community
Da ich nicht gerne MooTools und jQuery mische, habe ich die Scroll-Funktion neu in jQuery abgespeichert:
HTML-Code:
<script type="text/javascript">
var $ = jQuery.noConflict();
$('a[href^=#]').on('click', function(e){
var href = $(this).attr('href');
$('html, body').animate({
scrollTop:$(href).offset().top
},2000);
e.preventDefault();
});
</script>
Funktioniert bei mir ... aber nur ohne aktiviertem Mootools nun auch mit aktiviertem Mootools.
Evt hat jemand anderes auch Interesse daran........
Liebe Grüsse
Eva
Liste der Anhänge anzeigen (Anzahl: 1)
Höhe der Kopfzeile einberechnen?
Hallo,
ich habe das oben genannte Skript im Templates-Ordner mit dem Namen j_smoothScroll.html5 Anhang 15354 abgelegt und im Seitenlayout eingebunden. Das Skript funktioniert auch, scrollt aber immer bis nach oben, ein Teil der Seite verschwindet unter dem Header.
Im Moo_Tools-Script wird ja hier beschrieben, wie man die Höhe der Kopfzeile mit einberechnet.
Was muss bei oben genannten jQuery Script eingefügt werden, damit die Höhe der Kopfzeile mit berücksichtigt wird?
Ich beherrsche kein Javascript bzw. jQuery, deshalb benötige ich eine fertige Anleitung.
Danke für Eure Hilfe.
Schmidty