/* HTML */ <div class="scroll"> <h1>background 스크롤 예제</h1> </div> /* CSS */ .scroll { background:url(sample.png) fixed; } /* JS */ function simpleParallax() { //스크롤된 거리 var scrolled = $(window).scrollTop() + 1; //백그라운드 스크롤 속도 변경 시 0.3 을 수정 $('.scroll').css('background-position', '0' + -(scrolled * 0.3) + 'px'); } //스크롤할 때마다 함수 실행 $(window).scroll(function (e) { simpleParallax(); }); 출처 : https://jsfiddle.net/kooyh/64qq6nL9/