Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion

collapse

* Wichtige Mitglieder-Information

Da immer noch Mails verwunderter "Mitglieder" bei mir ankommen, weil Login und Registrierung nicht funktionieren... das Forum ist seit geraumer Zeit geschlossen und steht ausschließlich als Nachschlagewerk zur Verfügung. Einerseits bin ich froh, diesen Schritt gewagt zu haben... auf der anderen Seite... wenn ich hier manchmal so lese... es war doch "'ne geile Zeit" mit euch! Macht's gut!

Beste Grüße nettesekel

* Friendship

DER Katzenblog – mit tollen Tipps und Ideen für deine Katze(n) <3

Die letzten Beiträge

Autor Thema: Weiches Scrollen - Smooth Scroll in NOF  (Gelesen 2543 mal)

0 Mitglieder und 1 Gast betrachten dieses Thema.

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
Weiches Scrollen - Smooth Scroll in NOF
« am: 12. März 2013, 21:22:33 »
Besonders für den "nach oben"- Link ist er oft gefragt, der weiche Scroll. Bei Klick auf den Link springt die Seite nicht abrupt nach oben, sondern sie gleitet elegant zum angesteuerten Ankerpunkt.

Das Ganze ist auch gar nicht so schwierig umzusetzen. Der gute alte Panda hat mir vor Ewigkeiten mal ein kleines Script gegeben (Quelle: http://kryogenix.org) , mit dessen Hilfe das weiche Scrollen im handumdrehen in eure Websites eingebaut ist. Dieses Script müsst ihr euch zunächst hier herunterladen.
« Letzte Änderung: 01. April 2013, 22:12:17 von nettesekel »

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
Smooth-Scroll-Script zwischen den head-tags verlinken
« Antwort #1 am: 13. März 2013, 15:36:14 »
Nun tragt ihr die Verlinkung zu dem Script zwischen den head-Tags eurer Seite ein. Dazu nutzt ihr folgenden Code-Schnipsel:

Code für Startseite:
Zitat
<script type="text/javascript" src="./js/smoothscroll.js"></script>

Code für Unterseiten:
Zitat
<script type="text/javascript" src="../js/smoothscroll.js"></script>

Für alle die, die nicht wissen, wie man das macht, gibt es hier eine kurze Anleitung dazu.
« Letzte Änderung: 13. März 2013, 15:39:56 von nettesekel »

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
Re: Weiches Scrollen - Smooth Scroll in NOF
« Antwort #2 am: 13. März 2013, 15:44:02 »
Der eingefügte Code besagt, dass das smoothscroll-Script im Ordner "js" im Rootverzeichnis liegt. Deshalb müsst ihr das heruntergeladene Script nun auch an genau dieser Stelle platzieren.
Im Klartext heißt das, ihr müsst im Rootverzeichnis eures Servers - dort wo auch die index.html eurer Website liegt - einen Ordner namens "js" erstellen und die heruntergeladene entpackte "smoothscroll.js" per FTP dort hinein kopieren.

(Wenn ihr den Scroll auch offline testen wollt, müsst ihr den Ordner mit der Datei auch im Ordner "lokale Publizierung" eures Projekts einfügen.)


------------------------------------------------------------------------------------------------
Alternativ zum FTP-Upload könnt ihr die smoothscroll.js auch als zusätzliches Asset in euer NOF-Projekt einbinden, und ein eigenes Verzeichnis namens "js"erstellen in welches die Datei dann verschoben wird.
« Letzte Änderung: 13. März 2013, 16:55:59 von nettesekel »

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8181
Re: Weiches Scrollen - Smooth Scroll in NOF
« Antwort #3 am: 13. März 2013, 15:45:46 »
Ab sofort werden alle Ankerlinks automatisch weich gescrollt.  (clap)
Viel Spaß beim umsetzen...  (happy)

« Letzte Änderung: 20. Februar 2014, 20:36:25 von nettesekel »

Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion