[자바스크립트] Bx슬라이드에 패럴랙스 움직임 추가

무료 슬라이더 중에 가장 괜찮다고 생각하는 BX슬라이더

BX슬라이더에 패럴랙스 기능을 넣어보고 싶어서 작성을 해봅니다.

HTML

JS

$('.topBg_sl').bxSlider({
    mode:'fade',
    auto:true,
    speed: 1500,
    pause: 7000,
    wrapperClass: 'bx_topBg_sl',
    controls: false
});
// 패럴랙스 구현부분
function parallax(){
   var scrolled = $(window).scrollTop();
   $('.topBg_sl_imgAll').css('background-position-y',-(scrolled * 0.3) + "px");
}

이렇게 하면 패럴랙스 구현이 됩니다 ^^