YouSrolls.js Demo

#third

Chained scroll to #second -> #third -> #fourth -> #fifth


                    <div onclick="chainScrollPromess()">...</div>


                    function chainScrollPromess() {
    youScroll.to('#second').start().and.then(function () {
        return youScroll.to('#third').start().and;
    }).then(function () {
        return youScroll.to('#fourth').start().and;
    }).then(function () {
        youScroll.to('#fifth').start();
    }).catch(function (msg) {
        console.error(msg);
    });
}

#fourth

Nothing here... Just making up space.

Nested

-3000px

S to Stop

#fifth

Scroll to #first and invoke callback at end of scroll



                    <div onclick="youScroll.to('#first').setCallback(backToTopCallback).start()">...</div>
                    



                    <script>


                        function backToTopCallback() {

                                alert("Back to top");

                        }
                    


                    </script>

#deep

Go to Yo

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit accusantium sequi voluptate maiores distinctio consequatur, dicta itaque nemo, dignissimos nisi, nesciunt laborum. Commodi blanditiis accusantium, corporis labore quas impedit dolores. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit accusantium sequi voluptate maiores distinctio consequatur, dicta itaque nemo, dignissimos nisi, nesciunt laborum. Commodi blanditiis accusantium, corporis labore quas impedit dolores.

Hey There

Down

YouScroll.js Demo