Wordpress運用のアレグレットワークス
現役フロントエンジニアによるWordpressカスタマイズ備忘録

参考サイト:

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"

関連記事

Wordpressに関するご相談は、
アレグレットワークスへ

お問合せ・お見積り