jQuery

【jQuery】ボタンをクリックするだけでスムーズにスクロールできるSection Scroller

October 30, 2017

Section ScrollerはボタンをクリックするだけでスムーズにスクロールできるjQueryプラグイン

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>

MIT