Forum für CMS/made simple

dylan

kennt CMS/ms

Ort: Münsterland

Registriert: 16. Dezember 2010

Beiträge: 303

jQuery smooth scroll

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 Scrolling (css-tricks.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

Server-Pate

Registriert: 12. August 2011

Beiträge: 632

Re: jQuery smooth scroll

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

dylan

kennt CMS/ms

Ort: Münsterland

Registriert: 16. Dezember 2010

Beiträge: 303

Re: jQuery smooth scroll

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

NaN

Moderator

Ort: Halle (Saale)

Registriert: 09. November 2010

Beiträge: 4.437

Re: jQuery smooth scroll

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.

---

Module: GBFilePicker, AdvancedContent
Sicherheit: Beispiel .htaccess-Datei
CMSms 1.12 unter PHP 7:
cmsms-1.12.3.zip (inoffiziell - komplett inkl. Installer)
CMSms 1.12 unter PHP 8:
cmsms-1.12.4.zip (inoffiziell - komplett inkl. Installer)

dylan

kennt CMS/ms

Ort: Münsterland

Registriert: 16. Dezember 2010

Beiträge: 303

Re: jQuery smooth scroll

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:

 Hier klicken, um den Code zum Kopieren zu markieren

<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

kennt CMS/ms

Ort: Münsterland

Registriert: 16. Dezember 2010

Beiträge: 303

Re: jQuery smooth scroll

Habe was einfacheres gefunden, was auch sofort funktioniert:

 Hier klicken, um den Code zum Kopieren zu markieren

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