ダウンロード
https://github.com/Prinzhorn/skrollr
公式デモ
http://prinzhorn.github.io/skrollr/
参考サイト
設定方法
https://www.imd-net.com/blog/2016/10/26-213534/
デモ
http://teamsanta.info/sample/skrollr/
エラー
https://www.flying-h.co.jp/media/2014/10/01/skrollrsampleclassic_parallax_with_different_sections_and_parallax_images_between_the_gaps/
#手順
##1,jQueryダウンロード
ダウンロードして読み込ませるjs
→skrollr.min.js
とこれを直下に書く↓。
<script>
var s = skrollr.init();
</script>
##2,パララックスさせたい要素に動作してほしいことを記述していく
例）スクロール0(data-0)の時は背景色白で、スクロールが2000(data-2000)になったら背景色黒に変更。
ex
<body
data-0="background: rgb(255,255,255);"
data-2000="background: rgb(0, 0, 0);">
##3,スクロール量を計測する
js
$(function() {
// スクロールしたら発動
$(window).scroll(function() {
// スクロール量を変数に格納
var sc = $(this).scrollTop();
// HTMLにスクロール量を表示
$('p').text(sc);
});
});