pagePiling.jsはウェブページ内でセクションをスクロールして積み重ねることができるJavaScriptライブラリです。ユーザーはマウススクロールまたはキーボードを通じて各セクションを順番にナビゲートでき、ページ全体を通じてスムーズな遷移効果を提供します。
📄 HTML
<div id="pagepiling"><div class="section" style="background-color: #ff5f45;"><h1>Section 1</h1></div><div class="section" style="background-color: #0798ec;"><h1>Section 2</h1></div><div class="section" style="background-color: #fc6c7c;"><h1>Section 3</h1></div></div><script>$(document).ready(function() {$('#pagepiling').pagepiling();});</script>
🎨 External CSS
<link href="https://cdnjs.cloudflare.com/ajax/libs/pagePiling.js/1.5.9/jquery.pagepiling.min.css" rel="stylesheet">
🧩 External JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pagePiling.js/1.5.9/jquery.pagepiling.min.js"></script>
⚙️ JavaScript
$(document).ready(function() {$('#pagepiling').pagepiling();});
fullPage.jsはウェブページの各セクションをフルスクリーンでスナップスクロールできるライブラリです。
scrollifyは、スクロール中にセクション間でスムーズな遷移を提供するjQueryベースのプラグインです。
2つのテキストの違いを一目で確認できます。
簡単かつ迅速にファビコンを生成します。
デザイン用のダミーテキストを生成します。
文字数と単語数をリアルタイムで確認できます。
字幕形式を簡単に変換できます。
画像内のテキストを自動で抽出します。