Javascript 当滚动条碰到另一个div的底部时，淡出一个div

这个问题有点和这个问题有关：

我使用的是event.js，目前我有一个固定的div，当散列更改时会弹出。即当用户向下滚动页面到不同的面板时，div淡入。我不希望这个div在第一个面板上可见

我现在遇到的问题是，当访问者将页面回滚到顶部时，固定div仍然可见。即出现在第一个面板的顶部。我想淡出的div尽快击中第一个面板的底部。另一个问题是，面板的高度会根据浏览器窗口的高度（流体/响应布局）进行调整，从而排除任何固定像素JS解决方案，这也是我的代码的基础：

    // fade in/fade out banner titles
$(window).trigger('scroll');

var divs = $('.nav-wrap'); 
$(window).scroll(function(){
   if($(window).scrollTop() < 550){
         divs.fadeOut("slow");
   } else {
         divs.fadeIn("slow");
   }
});

//淡入/淡出横幅标题
$（window.trigger（'scroll'）；
var divs=$（'.nav wrap'）；
$（窗口）。滚动（函数（）{
如果（$（窗口）.scrollTop（）<550）{
逐渐消失（“缓慢”）；
}否则{
法登分区（“慢”）；
}
});

---

任何人有任何建议吗？

您可以使用返回浏览器视口高度的

window.height（）

：

var vp = $(window).height(); // height of the browser's viewport
var divs = $('.nav-wrap'); 
$(window).scroll(function(){
   if($(window).scrollTop() < vp){
         divs.fadeOut("slow");
   } else {
         divs.fadeIn("slow");
   }
});

var vp=$（窗口）.height（）；//浏览器视口的高度
var divs=$（'.nav wrap'）；
$（窗口）。滚动（函数（）{
if（$（窗口）.scrollTop（）

当前解决方案的问题是什么？代码只会淡出浏览器窗口顶部550像素的div in/out，这会导致不同大小屏幕上的结果不同。它当前在顶部面板上淡出，我希望它在固定div到达第一个面板底部时立即淡出，以便在其下方淡出。看起来当前在Firefox中正确显示也有问题。突然，显示器上的一切都消失了。否则，它似乎是一个很好的插件@斯塔诺，你在看什么？几秒钟后，我在Firefox的空白屏幕上看不到我的版本有问题（我有最新版本）？？@egr103。在Chrome、Explorer和Opera中进行了测试，效果良好。我刚刚将错误报告发送给Mozilla，但奇怪的是Firebug控制台没有显示错误。希望只有在我的电脑上。你也测试过吗？很好，谢谢！很简单，但我正在学习JS。一天一次：）@egr103不客气，我也是，我和你一样在学习，听起来你学得很好，祝你好运：）