jQuery Scrollify の Basic setup サンプルコード

jQuery Scrollify の Basic setup を元に実装したサンプルコードをご紹介します。

jQuery Scrollify

背景 jQuery Scrollify の検証環境を用意したい

jQuery Scrollify を使いこなすために、自分の手元に検証環境を用意してみました。

完成形は以下のような感じです。

🔗 https://codenote-net.github.io/sandbox/scrollify/basic_setup.html

jQuery Scrollify 参考情報

jQuery Scrollify サンプルコード

サンプルコードは以下の GitHub Pull Request に公開していますので、ぜひご覧ください。

🔗 Scrollify Basic setup のサンプルコード · Pull Request #5 · codenote-net/sandbox

jQuery Scrollify で検証した項目

setHeights

screen size とコンテンツに応じて height を設定するオプションです。(デフォルト true)

setHeights: true,

overflowScroll

section のコンテンツが screen size の height より大きい場合でも、スクロールできるオプションです。(デフォルト true)

overflowScroll: true,

overflowScroll | jQuery Scrollify

以上、jQuery Scrollify を使いこなしていきたい、現場からお送りしました。