Trend geht zu längeren Webseiten
Gerade durch neue Gestaltungsmöglichkeiten im Webdesign tendieren viele Webseiten wieder zu längeren Inhalten, ohne Paginierung. Das mag zwar teilweise optisch sehr schick aussehen, wirft aber ein Problem auf, wenn der User wieder zum Menü bzw. zum Header zurückkehren möchte. Dazu muss er erst lange wieder nach oben scrollen. Um das zu umgehen bieten sich sogenannte „Scroll to Top“-Buttons an, die den Nutzer sofort wieder zum Anfang der Seite bringen.
Schönerer Effekt mit CSS3-Animations
Obwohl sich diese bereits mit jQuery-Bordmitteln realisieren lassen, gibt es noch wesentlich mehr Möglichkeiten diesen Effekt mittels CSS3 zu animieren. Einige Möglichkeiten dazu beschreibt der algerische Entwickler Mahieddine Abdelkader auf seiner Webseite. Auf der entsprechenden Demo-Webseite können drei Beispiele betrachtet werden, wie die Funktion elegant animiert werden kann.
Weiterführende Links:
Schau dir doch unsere Neusten Artikel und News an.
von Marc 06.02.2013 (17:03Uhr) 1.
Demo geht auf 27" nicht. :-)
Browser verkleinern dann gehts.
von wowawebdesign 06.02.2013 (17:15Uhr) 2.
Hm, für diese Lösung brauche ich jQuery mit einem wesentlich längeren und komplizierterem Code. Da bleibe ich doch lieber bei der bewährten, einfachen jQuery-Methode.
von multimediamixer 06.02.2013 (17:28Uhr) 3.
Aus Usersicht muss das besser oder es lohnt den aufriss nicht.
von chillma 07.02.2013 (05:52Uhr) 4.
sieht für mich nicht nach einem Mehrwert aus. Ich dachte man würde komplett auf JS verzichten. Da ist die kürzere Version auch in Ordnung
von Oink 07.02.2013 (07:24Uhr) 5.
Schade eine reine CSS3 wäre interessant gewesen ....
von Emanuel 07.02.2013 (08:25Uhr) 6.
Die CSS3-Lösung macht das ganze besonders für mobile Geräte interessant, die mit der klassischen $.fn.animate-Orgie eher hakelig unterwegs sind.
Allerdings sollte man das ganze nicht an <li>-Elemente klatschen, sondern vernünftige <a href="#">-Elemente als Go-Top-Buttons nehmen.
von ntiedt 07.02.2013 (09:59Uhr) 7.
Also wenn ich per No-Script Javascript deaktiviere tut sich rein gar nichts was gegen eine reine CSS3-Lösung spricht.
von ntiedt 07.02.2013 (10:02Uhr) 8.
Wenn man sich den Quelltext mal kurz anschaut ist da ein Script namens "js/goTop.js" inkludiert.
D.h. es ist definitiv keine reine CSS3-Lösung.
Bitte T3N recherchiert richtig bevor Ihr hoaxes publiziert.