Section Scroller

A jQuery plugin for smooth scrolling to next section on click of a button!

Download

View on GitHub

Easy to Use


    <div class="section-scroll`">Content...</div>
    <div class="section-scroll`">Content...</div>
    <div class="section-scroll`">Content...</div>
    ...
    <div id="section-scroller-button">
        <i class="caret"></i>
    </div>


$(document).ready(function () {
    $(".section-scroll").sectionScroller({
        // Options
        scrollerButton: "#section-scroller-button"
    });
});

Easily extend with jQuery Easing Plugin


<script>
    $(document).ready(function () {
        $(".section-scroll").sectionScroller({
            scrollType: "easeInOutExpo", // requires jQuery Easing Plugin
            scrollDuration: 1500
        });
    });
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<script src="sectionscroller.min.js"></script>

Last Section

On reaching the last section, a class is added to the scroller button for applying custom css like rotating the button

Checkout the docs for all the options