概要
Scrollify の基本的な実装方法用途
- フルページでスクロールをすることでコンテンツが切り替わる
- jQueryプラグインで簡単に実装
検証ブラウザ
- Microsoft Edge
- IE11
- IE10
- Google Chrome(最新)
- Safari(最新)
- Firefox(最新)
実装方法
公式サイト : https://projects.lukehaas.me/scrollify/#homeダウンロード : https://github.com/lukehaas/Scrollify
HTML
<div class="example-classname">コンテンツ 1</div>
<div class="example-classname">コンテンツ 2</div>
<div class="example-classname">コンテンツ 3</div>
JS
$(function() {
$.scrollify({
section : ".example-classname",
});
});
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)