jQuery

【jQuery】1ページのスクロールを作成するScrolluXJS

October 3, 2017

ScrolluXJSは1ページのスクロールを作成するプラグイン。

JS

<script src="./assets/scripts/scrollux.js"></script>
<script src="./assets/scripts/jquery-3.2.1.min.js"></script>

Options

var scroll = new Scrollux({
                overflowY : "hidden",     // Hides the vertical scrollbar
                overflowX : "hidden",     // Hides the horizontal scrollbar
                ringListColor : "#FFF",   // Changes color of the outline of the buttons list
                ringListSize : "9px",     // Changes size of the buttons list
                ringActualSessionColor : "#FFF", // Changes color of the actual section button hover
                ringHoverColor : "#FFF",  // Changes color of the button over
                setTimeAnimation : 1000,  // Set the time of the scroll animation
                footer : false,           // Set 'true' if you want to have a footer section
                footerSize : "500px"      // You can set the height of your footer
            });

MIT

Demo/Download