Javascript 当屏幕滚动时显示页脚Div时，隐藏固定Div

底部有一个固定Div，我想在向下滚动页面时屏幕上开始显示页脚Div时隐藏该固定Div，在向上滚动页面时也会显示固定Div

.content{
高度：600px；
字体大小：30px；
显示器：flex；
对齐项目：居中；
对齐内容：中心；}
.固定式{
填充：10px；
背景颜色：黄色；
位置：固定；
底部：5%；
左：50%；
转换：转换（-50%，0）；
z指数：10；
}
.footer div{
背景：红色；
高度：300px；
宽度：100%；
字体大小：30px；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}

内容
当脚印来的时候把我藏起来
页脚

在即兴创作了这一点之后

$（窗口）。滚动（函数（）{
if（isScrolledIntoView（'.footerDiv'））
$（'.fixedDiv'）.css（'visibility'，'hidden'）；
否则{
$（'.fixedDiv'）.css（'visibility'，'visible'）；
}
});
函数IsCrolledinToView（elem）{
var docViewTop=$（window.scrollTop（）；
var docViewBottom=docViewTop+$（window）.height（）；
var elemTop=$（elem）.offset（）.top；
var elemBottom=elemTop+$（elem）.height（）；
返回（（elemTop

---

这可能会有所帮助。请查看我在下面发布的完整解决方案和JSFIDLE。如果它能起作用，请考虑接受我的回答。谢谢你，Murali，这个解决方案奏效了。我给了答案，但是它显示了“谢谢你的反馈！那些不到15名声的人的选票被记录下来，但是不要改变公开显示的帖子分数。”

$(window).scroll(function() {    
   if (isScrolledIntoView('.footerDiv') )
     $('.fixedDiv').css('visibility','hidden');      
   else{
     $('.fixedDiv').css('visibility','visible');
  }
});


function isScrolledIntoView(elem) {
  var docViewTop = $(window).scrollTop();    
  var docViewBottom = docViewTop + $(window).height();

  var elemTop = $(elem).offset().top;    
  var elemBottom = elemTop + $(elem).height();   

  return ((elemTop < docViewBottom));
 }