jquery.background-parallax-scroll
Get started
Install
$ npm install jquery.background-parallax-scroll
Load scripts
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script> <script src="/node_modules/jquery.background-parallax-scroll/dist/jquery.background-parallax-scroll.min.js"></script> <link rel="stylesheet" href="/node_modules/jquery.background-parallax-scroll/dist/jquery.background-parallax-scroll.min.css">
Setting
<script> jQuery(function($) { $('.js-bg-parallax').backgroundParallaxScroll({ speed: 3 // Optional }); }); </script>
<div class="js-bg-parallax"> <div class="js-bg-parallax__bgimage"> <img src="/path/to/bg.jpg" alt=""> </div> <div class="js-bg-parallax__content"> Contents </div> </div>
License
MIT