Informationen für CMS/made simple

dylan · 29. Januar 2014 19:54

Ich habe versucht ein smooth scrolling per jQuery (1.10.2) script in 1.11.9 einzubauen. Es funtioniert aber nicht.

Diese scripts habe ich getestet:

Smooth Scroll (plugins.jquery.com)

Smooth page scroll to an anchor (www1.cmscanbesimple.org)

Ich habe zwei Varianten probiert. Das laden des scripts oberhalb des schließenden /body, und unterhalb des schließenden /head. jQuery selbst wird oberhalb des schließenden /body aufgerufen, die Folgescripts darunter.

Im body selbst habe ich einen Link gesetzt, z.B. <a id="top"></a>, und aufegrufen wird das ganze mit <a href="#top">TOP ^</a>. Der Link sieht dann wie folgt aus: http://www.domain.de/#top und springt zur Startseite. Ein smooth scroll findet nicht statt.

Muss bei eingebundenen scripts etwas bestimmtes beachten werden?

Beitrag geändert von dylan (29. Januar 2014 19:55)

Henk1060 · 29. Januar 2014 22:48

ich gehe davon aus das du den {literal} Tag beim Script mit eingefügt hast?

dylan · 30. Januar 2014 07:57

Im Template ein literal Tag? Die anderen scripts laufen ohne. Ich teste das mal, danke.

NaN · 30. Januar 2014 08:57

Hast Du auch das inline-Script im Template eingefügt mit dem allen Ankerlinks diese Funktion zugewiesen wird? Nein? Dann musst Du den Links, die scrollen sollen, die Klasse "scroll" geben.

dylan · 30. Januar 2014 12:37

Die class hatte ich nicht übernommen (ich dachte sie dient nur gestalterischen Gründen).
Beim script von www1.cmscanbesimple.org funktioniert es. Das script läuft allerdings nicht wirklich smooth. Das css-tricks.com script würde mir besser gefallen. Ich habe alles gemacht wie es auf der Seite beschrieben ist, es funktioniert trotzdem nicht:

<header name="top"> oder
<header id="top">
...
<a href="#top">Top</a>

<script src="jquery.min.js">
<script src="smooth.js">
</body>

Beitrag geändert von dylan (30. Januar 2014 12:38)

dylan · 30. Januar 2014 13:01

Habe was einfacheres gefunden, was auch sofort funktioniert:

$(document).ready(function() {
$('a[href=#top]').click(function(){
    $('html, body').animate({scrollTop:0}, 'slow');
    return false;
});
});

#1 29. Januar 2014 19:54

Re:

#2 29. Januar 2014 22:48

Re:

#3 30. Januar 2014 07:57

Re:

#4 30. Januar 2014 08:57

Re:

#5 30. Januar 2014 12:37

Re:

#6 30. Januar 2014 13:01

Re:

Fußzeile des Forums