scrollify

utility animation ui-component

scrollify is a jQuery plugin that assists in scrolling and smoothly snaps to sections. It enables precise and smooth alignment at each section as the user scrolls through a webpage, enhancing usability and visual appeal.

Latest Ver 1.0.21

Homepage

Github

1,811

With one scroll, the page shines.

Innovate the visitor's experience with elegant and smooth scrolling.

scrollify is a jQuery-based plugin that provides smooth transitions between sections while scrolling.

CDN Download

License: MIT

Asset Type :

View All Versions

https://cdnjs.cloudflare.com/ajax/libs/scrollify/1.0.21/jquery.scrollify.js

https://cdnjs.cloudflare.com/ajax/libs/scrollify/1.0.21/jquery.scrollify.min.js

Sample Code

⚠️ Some code, including import statements, may not run properly on jsFiddle. If it fails to execute, please copy the code and try it in your own environment.

📄 HTML
<div class="section" id="section1">Section 1</div><div class="section" id="section2">Section 2</div><div class="section" id="section3">Section 3</div><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/scrollify/1.0.19/jquery.scrollify.min.js"></script><script>$(function() { $.scrollify({ section: '.section' }); });</script>

🎨 External CSS
<link href="style.css" rel="stylesheet">

🧩 External JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/scrollify/1.0.19/jquery.scrollify.min.js"></script>

⚙️ JavaScript
$(function() { $.scrollify({ section: '.section' }); });