Stellarでjs視差スクロール効果の作成

Stellarでjs視差スクロール効果の作成
視差スクロール
視差スクロールは,ユーザがページをスクロールすると,前景と背景が異なる速度で移動し,3 D効果を創出する.
Stellar.js
stellar.jsはjQueryプラグインで、Webサイトに視差スクロール効果を簡単に追加できます.
ステップ

htmlの背景図ラベル

<div class="bg" data-stellar-background-ratio="0.3"></div>

cssにはスタイル

が対応する.

background-attachment: fixed;
height：（              ）px;

jQueryとstellar

を導入

<script src="http://libs.useso.com/js/jquery/2.1.1/jquery.min.js"></script>
<script src="js/jquery.stellar.js"></script>

起動効果.

$.stellar({
    horizontalScrolling: false,
    responsive: true
});