scrollify

utility animation ui-component

scrollify는 jQuery 플러그인으로, 스크롤을 보조하고 섹션으로 부드럽게 스냅하는 기능을 제공합니다. 사용자는 웹 페이지를 스크롤할 때 각 섹션마다 정확하고 매끄럽게 정렬할 수 있어, 웹사이트의 사용성과 시각적 매력을 향상시킬 수 있습니다.

Latest Ver 1.0.21

Homepage

Github

1,811

스크롤 하나로, 페이지가 빛나다.

우아하고 매끄러운 스크롤로 방문자의 경험을 혁신하세요.

scrollify는 jQuery 기반의 플러그인으로, 섹션 간 스크롤 시 부드러운 전환을 제공합니다.

CDN 다운로드

License: MIT

Asset Type :

전체 버전 보기

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

⚠️ import 문을 포함한 일부 코드는 jsFiddle에서 정상 실행되지 않을 수 있습니다. 실행 오류가 발생할 경우 코드 복사 후 직접 실행해보세요.

📄 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' }); });