fixed - 別の固定要素が重なるとページの先頭に移動する固定要素

Question

私はこのページからアイデアを得ました。このスクリプトを使用しようとしましたが、機能しません。

$(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」の値を設定します。