Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在垂直滚动的末尾隐藏div_Javascript_Html_Css - Fatal编程技术网

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

Javascript 如何在垂直滚动的末尾隐藏div,javascript,html,css,Javascript,Html,Css,我在屏幕底部有一个固定位置的div,里面有一个箭头。当用户滚动到页面底部时,如何隐藏div?尝试以下操作: var vericalscroll= document.height - (window.pageYOffset + window.innerHeight); 如果您的vericalscroll为0,则表示您已在垂直滚动的末尾进行了录制。您可以尝试jQuery: $(window).scroll(function() { if($(window).scrollTop() + $(w

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

尝试以下操作:

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

如果您的
vericalscroll
为0,则表示您已在垂直滚动的末尾进行了录制。

您可以尝试jQuery:

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

其中
my\u div
是您的div名称,
max\u scroll
是滚动位置

请发布您的代码,以及您已经尝试过的示例。我想它已经回答了:,:-)