Zurück   PSD-Tutorials.de > Webbereich > (X)HTML & CSS


Antwort
 
Themen-Optionen
Alt 22.03.2012, 14:30   #1 Nach oben scrollen
Newbie
Newbie
 

Registriert seit: 05.11.2008
Beiträge: 44

Zum Seitenanfang springen


Hi,

ich habe eigentlich nur ein recht simples Problem.
Ich habe auf meiner Webseite ganz unten ein Icon zu dem man wieder nach oben springen kann. Funktioniert auch, klar als Link mit #

Nun wollte ich das ganze ein wenig aufpeppen, indem man nicht einfach nach oben spingt sondern ein klein wenig faden oder sliden.

Hab hier nirgends etwas gefunden und im web auch nicht.
Habt Ihr ne Idee, oder ein Tipp.

Da wäre ich Euch echt dankbar.

Merci Oli
__________________
Mit nem 2. Bildschirm sieht man besser
  Mit Zitat antworten


Alt 22.03.2012, 14:35   #2 Nach oben scrollen
localhorst
Spezial-SupporterSpezial-SupporterSpezial-SupporterSpezial-Supporter
 
Benutzerbild von MyBad
 

Registriert seit: 18.12.2006
Beiträge: 1.807

Hi!

Versuche es mal hiermit:
http://www.elmastudio.de/webdesign/s...en-mit-jquery/

Nennt sich "smooth scroll". Diese Lösung basiert auf jquery. Gibt es aber auch für jedes andere JS-Framework.
  Mit Zitat antworten
Alt 22.03.2012, 14:36   #3 Nach oben scrollen
Mod | Web
ModeratorModeratorModeratorModeratorModeratorModerator
 
Benutzerbild von simonpicos
 

Registriert seit: 16.02.2011
Ort: Taunus
Beiträge: 2.281
Kamera: Canon EOS 600D
Verwendet: Adobe Creative Suite 6 Design Standard, Webocton Scriptly, Avid Studio

Das lässt sich mit Javascript bzw jQuery lösen. Zum Beispiel so http://davidwalsh.name/jquery-top-link
__________________
Momentan ohne Signatur
  Mit Zitat antworten
Alt 22.03.2012, 14:38   #4 Nach oben scrollen
Newbie
Newbie
Themenstarter
 

Registriert seit: 05.11.2008
Beiträge: 44

Hey super, klasse...

ich habe mich blöde gesucht, wusste auch nicht genau wie ich google füttern soll.

Danke werde ich gleich mal ausprobieren..

Oli
__________________
Mit nem 2. Bildschirm sieht man besser
  Mit Zitat antworten
Alt 22.03.2012, 16:17   #5 Nach oben scrollen
Powerposter
PowerposterPowerposterPowerposter
 

Registriert seit: 01.11.2007
Ort: Ö
Beiträge: 1.261

Zitat:
Zitat von oliverdega Beitrag anzeigen
Funktioniert auch, klar als Link mit #
Bitte, verwende keine # für einen nicht-funktionalen Link.
  Mit Zitat antworten
Alt 23.03.2012, 08:35   #6 Nach oben scrollen
Newbie
Newbie
Themenstarter
 

Registriert seit: 05.11.2008
Beiträge: 44

Wie meinst du das? Was soll ich stattdessen verwenden?
__________________
Mit nem 2. Bildschirm sieht man besser
  Mit Zitat antworten
Alt 23.03.2012, 13:07   #7 Nach oben scrollen
Newbie
Newbie
 

Registriert seit: 21.03.2005
Beiträge: 86

Smooth Scroll ist auch aus Nutzer Sicht sinnvoll, so lässt es sich besser nachvollziehen wo man sich gerade auf der Seite befindet bzw. hinspringt.
  Mit Zitat antworten
Alt 23.03.2012, 13:10   #8 Nach oben scrollen
Mod | Web
ModeratorModeratorModeratorModeratorModeratorModerator
 
Benutzerbild von simonpicos
 

Registriert seit: 16.02.2011
Ort: Taunus
Beiträge: 2.281
Kamera: Canon EOS 600D
Verwendet: Adobe Creative Suite 6 Design Standard, Webocton Scriptly, Avid Studio

Zitat:
Zitat von oliverdega Beitrag anzeigen
Wie meinst du das? Was soll ich stattdessen verwenden?
Klick einfach auf seinen Link
__________________
Momentan ohne Signatur
  Mit Zitat antworten
Alt 23.03.2012, 18:23   #9 Nach oben scrollen
Newbie
Newbie
Themenstarter
 

Registriert seit: 05.11.2008
Beiträge: 44

OK alles klar
__________________
Mit nem 2. Bildschirm sieht man besser
  Mit Zitat antworten
Antwort


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen