ScrolluXJS

Plugin jQuery : Create a onepage scroll for your website 🌅

Preview :

---

The procedure is simple :

Step 1 :

1. In first time, you need to download the file scrollux.js or scrollux.min.js .

Step 2 :

2. In second time, you need to add the script in your HTML5 :

<script src="./assets/scripts/scrollux.js"></script>

! Important : You must place this script on the end of your html body.

And you need to have jQuery, of course !

Step 3 :

3. Add that line on your script :

varscroll=newScrollux({});

Options :

4. You can set the style of the buttons list, managed the scrolling time of the animation or add a footer with that parameters :

! Important : if you active the footer section, the last section on your DOM takes this role.

varscroll=newScrollux({overflowY : "hidden",overflowX : "hidden",ringListColor : "#FFF",ringListSize : "9px",ringActualSessionColor : "#FFF",ringHoverColor : "#FFF",setTimeAnimation : 1000,footer : false,footerSize : "500px"});

varscroll=newScrollux({overflowY : "hidden",// Hides the vertical scrollbaroverflowX : "hidden",// Hides the horizontal scrollbarringListColor : "#FFF",// Changes color of the outline of the buttons listringListSize : "9px",// Changes size of the buttons listringActualSessionColor : "#FFF",// Changes color of the actual section button hoverringHoverColor : "#FFF",// Changes color of the button oversetTimeAnimation : 1000,// Set the time of the scroll animationfooter : false,// Set 'true' if you want to have a footer sectionfooterSize : "500px"// You can set the height of your footer});

---

If you like it, shares with your friends or with your collaborators ! 😉 👍