如何在垂直滚动的末尾隐藏div

Question

我在屏幕底部有一个固定位置的div，里面有一个箭头。当用户滚动到页面底部时，如何隐藏div？

Answer 1

$(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() == $(document).height()) {
       $('div').hide();
   }
});

Answer 2

试试这个：

var vericalscroll= document.height - (window.pageYOffset + window.innerHeight);

如果vericalscroll为0，则表示您已在垂直滚动结束时进行了重新校准。

Answer 3

您可以尝试使用jQuery：

var max_scroll = 500;
$(document).scroll(function(){
  if($(this).scrollTop() >= max_scroll)
  {
      $('#my_div').fadeOut();
  }
});

其中my_div是您的div名称，max_scroll是滚动位置。