Section Scroller

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

DownloadDownload Zip View on GitHubView 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

Click for scrolling to next section