kostenloser Webspace werbefrei: lima-city


Langsam nach oben?

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    fabian2

    fabian2 hat kostenlosen Webspace.

    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. 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. 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.

    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?

Über lima-city

Login zum Webhosting ohne Werbung!