固定元素，当另一个固定元素重叠时移动到页面顶部

Question

我从this page得到了一个想法。我试图使用这个脚本，但它没有用。

$(window).load(function(){
$(function() {
  var a = function() {
    var b = $(window).scrollTop();
    var d = $("#menu-anchor").offset({scroll:false}).top;
    var f = $(".logo-anchor").offset({scroll:false}).top;
    var c = $("#menu");
    var e = $(".logo");
    if (b>d) {
      c.css({position:"fixed",top:"0px"})
    } else {
      if (b<=d)   {
        c.css({position:"relative",top:""})
      }
    };
    if (b>d) {
      e.css({position:"fixed",top:"0px"})
        }else {
          if (b<=f)   {
            e.css({position:"fixed",top:""})
          }
        }
      };
  $(window).scroll(a);a()
});
});

Answer 1

试试这样：

http://jsfiddle.net/3pGGv/

我不改变位置：固定，但每次滚动窗口时都设置“top”的值。