onepage-scroll

animation ui-component layout

The onepage-scroll library is a JavaScript plugin that allows you to create an Apple-like one page scroller website, similar to the iPhone 5S website. It enables users to easily add smooth one page scrolling effects to their websites, facilitating smooth transitions between sections.

Latest Ver 1.3.1

Homepage

Github

9,524

📢 onepage-scroll is a JavaScript plugin that enables smooth one page scrolling effects on websites.

CDN Download

License: Attribution-ShareAlike 4.0 International

Asset Type :

View All Versions

https://cdnjs.cloudflare.com/ajax/libs/onepage-scroll/1.3.1/jquery.onepage-scroll.js

https://cdnjs.cloudflare.com/ajax/libs/onepage-scroll/1.3.1/jquery.onepage-scroll.min.js

https://cdnjs.cloudflare.com/ajax/libs/onepage-scroll/1.3.1/onepage-scroll.css

https://cdnjs.cloudflare.com/ajax/libs/onepage-scroll/1.3.1/onepage-scroll.min.css

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 id='main'>
  <section>Section 1</section>
  <section>Section 2</section>
  <section>Section 3</section>
  <section>Section 4</section>
</div>

🧩 External JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/onepage-scroll/1.3.1/jquery.onepage-scroll.min.js"></script>

⚙️ JavaScript
$(document).ready(function() {
  $('#main').onepage_scroll();
});