Scrollify 導入

[ ID : 817 ]
Scrollify 導入

概要

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",
    });
});

この記事をシェアする

新着記事

全ての記事を見る

KONOCODEのメリット 無料会員登録