【JS】背景画像がスクロールより遅く動くパララックス

目次

参考サイト:

https://sakidesign.com/enllax-js/

必要なもの:

jQuery
enllax.js [GitHub]

デモとコード:

See the Pen parallax scrolling by wani (@waniwaniwani) on CodePen.0

注意点:

1.下記記述はページ内に。外部書き出しでは動きませんでした。

<script>
  $(window).enllax();
</script>

2.移動について、デフォルトは垂直方向。
下記は移動速度。

data-enllax-ratio="0.5"
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

目次