視差 - プロ 成分

以下のコードのように、単純に data-parallax =" true "を置くことで、ページヘッダで視差スクロール効果を有効にすることができます。視差を無効にしたい場合は、 trueの値を falseに変更する必要があります。

<div class="page-header header-filter clear-filter" data-parallax="true" style="background-image: url('assets/img/bg.jpg');">
  <div class="container">
    <div class="row">
      <div class="col-md-8 col-md-offset-2">
      ...
      </div>
    </div>
  </div>
</div>