滚动

Question

我正在尝试从主页的顶部和底部开始有两个菜单。然后，当您滚动时，顶部菜单保持固定在顶部，但底部菜单跟在该div的底部，直到它到达顶部菜单的正下方。然后两个在页面的其余部分一起滚动。

目前，我在底部菜单到达页面顶部时添加了一个类。该类将top：60px添加到position：fixed属性以考虑顶部固定菜单。我希望有办法让两个人相互认识并相应地垂直叠加？但是仍然有底部菜单出现在我的图像滑块的底部。这将解决我的很多响应问题。

我用来添加类的jquery是：

var menu = $('#bottom-header');
var origOffsetY = menu.offset().top;

function scroll () {
  if ($(window).scrollTop() >= origOffsetY) {
    menu.addClass('sticky');
  } else {
    menu.removeClass('sticky');
  }  
}
document.onscroll = scroll;

修改：https://jsfiddle.net/bwee4x2h/