jQuery Scrollify の Basic setup サンプルコード
jQuery Scrollify の Basic setup を元に実装したサンプルコードをご紹介します。
背景 jQuery Scrollify の検証環境を用意したい
jQuery Scrollify を使いこなすために、自分の手元に検証環境を用意してみました。
完成形は以下のような感じです。
🔗 https://codenote-net.github.io/sandbox/scrollify/basic_setup.html
jQuery Scrollify 参考情報
- GitHub: Basic setup – lukehaas/Scrollify
- DEMO: jQuery Scrollify Demo Site
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,
以上、jQuery Scrollify を使いこなしていきたい、現場からお送りしました。