pageScroll is a JavaScript program to beautifully scroll between sections. pageScroll.js is a jQuery plugin that takes a bunch of page sections and turns them into a one-page scrollable vertical website.
one page scroll jquery, one page section scroll jquery, jquery one page scroll animation, one page scroll example, one page scroll css, full page scroll
Features:
- Scrolls through the sections with the mouse wheel.
- It automatically changes the color of the side navigation based on the contrast.
- Moves to a specific section by clicking the circle stop.
How to make use of it:
1. Add fullscreen sections to the web page.
<section class="sec sec0"> Section One </section> <section class="sec sec1"> Section Two </section> <section class="sec sec2"> Section Three </section> <section class="sec sec3"> Section Four </section> ...
2. Apply your individual CSS styles to the web page sections.
.sec0 {
background-color: green !important;
}
.sec1 {
background-color: aqua !important;
}
.sec2 {
background-color: red !important;
}
.sec3 {
background-color: black !important;
}3. Load the web pageScroll.js JavaScript library after jQuery and the plugin will do the remaining.
<script src="/path/to/cdn/jquery.min.js"></script> <script src="/path/to/pageScroll.js"></script>
Single Page Scroll With jQuery, pageScroll Plugin/Github, single page scrolling website tutorial, react full page scroll
See Demo And Download
Official Website(SuhailAhmedVelorum): Click Here
This superior jQuery/javascript plugin is developed by SuhailAhmedVelorum. For extra Advanced Usages, please go to the official website.
Be First to Comment