jQuery OnePage Scroll（又稱為 OnScroll）是一個jQuery插件，用于創建網站和應用程序中的單頁面滾動效果。它可以通過JavaScript的滾動事件和CSS3的變換和過渡來實現平穩的滾動。OnScroll提供了各種功能，包括滾動速度的控制、滾動方向的控制、滾動中的事件處理以及視差滾動效果。
OnScroll的使用非常簡單，只需在HTML文件中引入jQuery和OnScroll的庫即可：
<!-- 引入jQuery庫 --> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <!-- 引入OnScroll庫 --> <script src="https://cdn.jsdelivr.net/gh/peachananr/onepage-scroll/jquery.onepage-scroll.min.js"></script>
然后，在jQuery的.ready()方法中使用OnScroll來構建單頁面效果:
$(document).ready(function(){
$("#main").onepage_scroll({
sectionContainer: "section",
responsiveFallback: false
});
});其中，#main是包含整個單頁面網站的容器元素，section是包含頁面內容的HTML元素。
再設置CSS樣式，就可以創建如下的單頁面效果：
<html>
<head>
<link rel="stylesheet" type="text/css" />
<style>
section {
height: 100vh;
}
</style>
</head>
<body>
<div id="main">
<section>Page 1</section>
<section>Page 2</section>
<section>Page 3</section>
</div>
</body>
</html>OnScroll還提供了其他許多功能，例如導航欄、動畫效果、表單驗證等等，可以根據具體需求進行配置和使用。