Scroll function

[Peacecraft]

Ich möchte gerne die smoothScroll Funktion einbauen.

Bis jetzt sieht es etwa folgendermaßen aus:

<span class="firstregister"><a href="#about-switch">About</a></span>

...
...
...
...

<a name="about-switch"/><section id="superbackgroundtwo">

Mit Klick auf About springt er plötzlich zu der unteren section id. Ich möchte gerne, dass es eher sanft hinunter Scrollt statt dahin zu springen.

Wie lautet der Code hierfür ? Ich hoffe es kann mir jemand dabei helfen.

________
blaccraft

 

[kkapsner]

Wie lautet der Code hierfür ?

Dafür gibt es nicht "den Code". Aber im Netz gibt es extrem viele Lösungen für dieses Problem. Such doch einfach mal nach "JS smooth scroll"...

 

[Peacecraft]

Hab was nettes gefunden.

$(function(){
        $(window).scroll(function(){
            if ($(this).scrollTop() > 500){
                $('#back-top').fadeIn();
            } else{
                $('#back-top').fadeOut();
            }
        });
 
        // Scroll body to top on click
        $('#back-top a').click(function(){
            $('body,html').animate({
                scrollTop: 0
            }, 800);
            return false;
        });
    });
     
});