jQuery

【jQuery】パララックス背景jQueryプラグインParallax Background

April 11, 2017
Parallax Background

Parallax Backgroundはパララックス背景jQueryプラグイン。

Installation

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="/path/to/parallax-background.min.js"></script>

Usage

scriptタグ間に次の行を追加します。

<script>
    (function ($) {
        $('.your-class').parallaxBackground();
    })(jQuery);
</script>

Options

Name Default
parallaxBgImage null
parallaxBgPosition center center
parallaxBgRepeat no-repeat
parallaxBgSize cover
parallaxSpeed 0.5
parallaxDirection up

MIT