페이지 하단에 도달하면 바닥 글 보이기

Question

비슷한 질문을했지만 해결책을 찾지 못했습니다. 페이지 바닥에 도달하면 내 바닥 글 쇼 (slideUp)를 표시하고 맨 위로 스크롤하면 다시 숨길 수 있습니다. 이제는 일정량의 스크롤을 한 후에 바닥 글을 보여주는 스크립트를 사용하고 있습니다. 여기

Fiddle

사람은 얼마나 알고 있나요?

$(window).scroll(function() { 
if ($(this).scrollTop() > 10) { 
    $('footer').slideDown(300); 
} else { 
    console.log('there'); 
    $('footer').slideUp(300); 
} 
}); 

Answer 1

var height; 
 
    var trigger = 350; 
 
    $(window).scroll(function() { 
 
     height = $(document).height()-$(window).height(); 
 
     console.log(height+" "+$(this).scrollTop()); 
 
    \t if ($(this).scrollTop() > height - trigger) { 
 
    \t \t $('footer').slideDown(300); 
 
    \t } else { 
 
    \t \t $('footer').slideUp(300); 
 
    \t } 
 
    });

작업이 검사를 시도하고 (대신 부하 후 한 번 실행 $(){}) 창에서 크기 재 계산 ($(window).resize(function(){})

Answer 2

$(this).scrollTop()과 고정 값이 아닌 윈도우/바디 높이를 비교하십시오.

Answer 3

스크롤 기능의 외부 창 높이 계산 및 문서의 높이 계산을 넣어, 더 나은 성능을 위해 jsfiddle

$(window).scroll(function() { 
     if ($(window).scrollTop() + $(window).height() == $(document).height()) { 
      $('footer').slideDown(300); 
     } else { 
      $('footer').slideUp(300); 
     } 
    });