/* 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/