페이지 하단으로 스크롤 할 때 배경 위치를 변경하십시오.

Question

안녕하세요 페이지가 맨 아래로 끝까지 스크롤 될 때 50px까지 올라가려면 배경 위치가 필요합니다. 이 일을하는 어떤 방법이라도?

Answer 1

$(window).scroll(function() { 
    //Checking if scrolled to the bottom 
    if($(window).scrollTop() + $(window).height() == $(document).height()) { 
     //Adding background position CSS property to the desired element 
     $('.YOUR-ELEMENT-CLASS').css('background-position', '0 50px'); 
    } 

    else { 
     $('.YOUR-ELEMENT-CLASS').css('background-position', 'default_values'); 
    } 
}); 

Answer 2

나는, 당신이 당신의 요소는 당신이 뭔가를 할 것 #wrapper의 ID를 가지고 가정 50 픽셀까지 가고 싶어 당신이 당신의 배경 위치이 원하는 것을 알고 있지만 그것은 0 100 픽셀의 말을하지 않습니다 이 :

여기

$(window).scroll(function() { 
    if($(window).scrollTop() + $(window).height() == $(document).height()) { 
     $('#wrapper').css('background-position', "0 50px"); 
    } 
}); 

Answer 3

도 그렇게 할 수있는 또 다른 방법입니다 ...

$(window).scroll(function() { 
if ( document.documentElement.clientHeight + 
     $(document).scrollTop() >= document.body.offsetHeight) 
{ 
    //add here your CSS code for changing color and do whatever you want 
} 
}); 

나는이 이전과 같은 코드 알고 있지만 나는 또한 스택 오버플로에 대한 답변을 공헌하고 싶다!