Smooth Scroll in Contao einbinden

Smoothscroll ist besonders bei OnePage-Weseiten sehr beliebt – um ehrlich zu sein wirkt ein Onepager ohne entsprechenden Effekt auch nicht sonderlich hochwertig. ­čśë Um smoothscroll in Contao einzubinden, muss man wie folgt vorgehen:

1. Seitenlayout ├Âffnen

2. jquery aktivieren

3. im <head> Bereich folgenden Code einf├╝gen:

 

Und schon scrollt die Webseite fl├╝ssig. Die Einbindung eines extra Skriptes ist nicht notwendig.

Die Optik des Effekts kann mit den fett markierten Werten angepasst werden. Die ‚1000‘ steht hier f├╝r die Animationsdauer in ms, ’swing‘ ist der Animationseffekt. Da hier allerdings nur auf den jquery core zur├╝ck gegriffen wird, sind nur ‚linear‘ und ’swing‘ verf├╝gbar. Wer mehr Effekte w├╝nscht, m├╝sste zus├Ątzlich JQUery UI einbinden.

Jonathan

Jurist, Freizeit-Nerd, Webdesigner und Inhaber von jst-media.de

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht ver├Âffentlicht. Erforderliche Felder sind mit * markiert.