kostenloser Webspace werbefrei: lima-city

Langsam nach oben?

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   fabian2

   fabian2 hat kostenlosen Webspace.

   17:24, 16.12.2013

   Hey,
   wie kan man durch einen butten es so machen das langsam nach oben scrollt wird und nicht wie normal sofort oben.
   
   p.s. danke

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. onur-yavuz

   onur-yavuz hat kostenlosen Webspace.

   17:37, 16.12.2013

   Mit folgenden Code kann man nach oben scrollen:
   

   $(document).ready(function() {
   	$('a[href*=#]').bind("click", function(event) {
   		event.preventDefault();
   		var ziel = $(this).attr("href");
   
   		$('html,body').animate({
   			scrollTop: $(ziel).offset().top
   		}, 2000 , function (){location.hash = ziel;});
   });
   return false;
   });

   
   
   Zu erst musst du aber JQuery einbinden:
   

   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

   
   
   Dein HTML-Code:
   

   <a href="#start"></a>

   
   
   
   Der Vorteil bei meinem Code ist, dass selbst wenn der User JavaScript deaktiviert hat, nach oben gescrollt wird.
   
   Ist dieser Thread nicht im falschen Forum?
   
   Beitrag zuletzt geändert: 16.12.2013 17:40:10 von onur-yavuz

4. s*****d

   18:06, 16.12.2013

   Hallo!
   Es geht auch ohne jQuery!
   Einfach mit diesem Code: http://cferdinandi.github.io/smooth-scroll/!
   
   Bitte sehr!
   
   MfG. Simon D.
5. Autor dieses Themas

   fabian2

   fabian2 hat kostenlosen Webspace.

   15:04, 17.12.2013

   Vielen dank für eure hilfe. :)
   Ihr habt mir sehr geholfen.
   

6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?