scrollifyは、スクロールを支援し、セクションにスムーズにスナップするjQueryプラグインです。ユーザーがウェブページをスクロールするときに各セクションで正確かつスムーズに配置できるので、使い勝手と視覚的魅力を向上させることができます。
📄 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' }); });
fullPage.jsはウェブページの各セクションをフルスクリーンでスナップスクロールできるライブラリです。
2つのテキストの違いを一目で確認できます。
簡単かつ迅速にファビコンを生成します。
デザイン用のダミーテキストを生成します。
文字数と単語数をリアルタイムで確認できます。
字幕形式を簡単に変換できます。
画像内のテキストを自動で抽出します。