ミギムキ

[jQuery] スクロールに合わせて背景画像を少しずつ動かしたい

やりたいこと

サンプルコード

CSS

.bg_scroll { position: fixed; top: 0px; left: 0px; z-index: -1; width: 100vw; height: 100vh; background-image: url(./images/bg.jpg); background-position: 0px 0px; background-size: cover; }
スポンサー広告

jQuery

jQuery(function($) { $(window).scroll(function() { var offset = $(this).scrollTop() / 50; $('.bg_scroll').css( 'background-position', '0px ' + offset + 'px' ); }); });

仕組み、解説、補足など

スポンサー広告