simpleParallax.jsのデモページ

simpleParallax.js - Easy Parallax Effect for React & JavaScript

パララックスなし（通常の画像）

scale:1.3のサンプル

  • 通常の画像

  • scale:1.3のサンプル

  • scale:1.3のサンプル

  • scale:1.6のサンプル

  • scale:2のサンプル

親要素の高さを指定している場合

親要素の高さが画像の高さよりも小さい場合（overflow:hiddenではみ出している画像を隠している場合）、パララックスは元の画像サイズを基準としているため、画像の一番下までスクロールされない

  • scale:1.3のサンプル

  • scale:1.6のサンプル

  • scale:2のサンプル

  • 通常の画像

  • scale:1.6のサンプル

  • scale:1.6・高さ制限あり

  • 通常の画像

  • scale:2のサンプル

  • scale:2・高さ制限あり