jquery - 当页脚在视图中时隐藏固定的div并在页脚不在视图中时显示？（jQuery函数）

Question

我有一个查询，我有一个带有联系方式的固定 div，我希望在显示页脚之前显示它，然后它会淡出。当用户向上滚动时，当页脚不在视线范围内时，固定的 div 然后淡入。我查看了一些示例并使用了我自己的 div 标签和样式，但没有任何反应。我用过的一个例子是：

$('#footer').appear();  
   $('#footer').on('appear', function(){
      $('#fixed_div').fadeOut();
});

$('#footer').on('disappear', function(){
   $('#fixed_div').fadeIn();
});

HTML-BASIC

<div id="footer">
   <div class="footer-wrapper">
      Footer details here
   </div>
</div>

<div id="fixed_div">
   <ul>
       <li><h1>details here</h1></li>
       <li><h1>details here</h2></li>
   </ul>  
</div>

CSS -

#call_to_action {
    bottom:0;
    position:fixed;
    padding:5px 0px 8px;
    width:100%;
    background:#000;
    z-index:3000;
}

#footer {
    position:absolute;
    width:100%;
    min-width:320px;
    color:#FFF;
    background:#000;
    overflow:hidden;
}

页脚是我在底部的主要页脚，固定的 div 位于底部：0；当用户滚动时。

谁能告诉我哪里出错了？

谢谢！

Answer 1

您可以创建这样的脚本：

var secondval = $('#footer').offset().top;
$(window).scroll(function(){    
   var firstval = $(document).scrollTop();

   if(firstval >= secondval)
   {
      $('#fixed_div').fadeOut();
   }

});