当div位于窗口顶部时显示菜单-jquery

我正在建立一个单页网站的基本上是4个大div。第一个是着陆区。当用户向下滚动页面id时，希望从名为about的第二个div顶部设置导航菜单动画。然后，该菜单将固定在窗口顶部。当一个div在滚动时碰到窗口顶部时，最好的方法是什么？任何关于最好的方法的建议都将不胜感激！请参阅小提琴的基本页面结构

降落
关于
专业的
接触

检查div offset（）

下面是一个演示：

您可以检查div offset（）

---

这里有一个演示：

我不确定我是否得到了你想要的

关于Div的问题一直都得到解决吗？在这种情况下，您将需要使用css的position:fixes属性

---

如果您只想在滚动通过第一个div后将其修复，则必须确定div的大小，然后（通过Javascript）检查是否通过document.body.scrollTop到达底部，我不确定是否得到了您想要的

关于Div的问题一直都得到解决吗？在这种情况下，您将需要使用css的position:fixes属性

---

如果您只想在滚动通过第一个div后修复它，那么您必须确定div的大小，然后通过document.body.scrollTop（document.body.scrollTop）检查它的底部，我认为这可能是一个很好的解决方案

html:

脚本：

$(document).scroll(function() {
$('#menu').toggle($(this).scrollTop() > 80);
});

---

您现在可以在jquery中添加动画选项。

我认为这可能是一个很好的解决方案

html:

脚本：

$(document).scroll(function() {
$('#menu').toggle($(this).scrollTop() > 80);
});

---

您现在可以在jquery中添加动画选项。

感谢streetcoder为我指明了正确的方向。我稍微修改了他的解决方案：

$(document).scroll(function() {
  var divHeight = $('.landingBackground').height();
  $('.navbar').toggle($(this).scrollTop() > divHeight);
}); 

---

这将获取第一个主div（.landingBackground）的高度。然后，当您滚动时，它会根据该高度切换菜单。

感谢streetcoder为我指明了正确的方向。我稍微修改了他的解决方案：

$(document).scroll(function() {
  var divHeight = $('.landingBackground').height();
  $('.navbar').toggle($(this).scrollTop() > divHeight);
}); 

---

这将获取第一个主div（.landingBackground）的高度。当你滚动时，它会根据这个高度切换菜单。

我真的很喜欢这个解决方案！将切换功能与滚动功能结合使用效果极佳。谢谢事实上，我不确定我是否喜欢使用scrollTop（）的设置高度，因为如果更改窗口大小，这种情况就会改变，对吗？我会试试滴水的解决方案。我真的很喜欢这个解决方案！将切换功能与滚动功能结合使用效果极佳。谢谢事实上，我不确定我是否喜欢使用scrollTop（）的设置高度，因为如果更改窗口大小，这种情况就会改变，对吗？我要试试滴水法。哎呀，我还以为是呢！好了，哎呀，我还以为是呢！好了。

$(document).scroll(function() {
$('#menu').toggle($(this).scrollTop() > 80);
});

$(document).scroll(function() {
  var divHeight = $('.landingBackground').height();
  $('.navbar').toggle($(this).scrollTop() > divHeight);
});