1

ページ上部のヘッダーを修正するスクロールイベントがあります。fancyboxが開いたときにそのイベントのバインドを解除できましたが、fancyboxを閉じると、そのスクロール可能なヘッダーを機能させることができません。何か案は?

    // Scrollable header
      var bar = $('.scrollable');
      $(function() {
        $(window).scroll(function() {
          if($(this).scrollTop() > 51) {
            bar.css({"position":"fixed"});
            bar.css({"top":"-51px"});
          } else {
            bar.css({"position":"absolute"});
            bar.css({"top":"0"});
          }
        });
      });

そして、これはファンシーボックスの部分です:

    $('.fancybox').fancybox({ 
        'fitToView': false, 
        'afterClose' : function() {
          $(window).bind("scroll");
          $('.inner').css({"position":"static"});
        }
      });

      $('.fancybox').click(function(){
        $(window).unbind("scroll");
        $('.inner').css({"position":"fixed"});
      });
4

0 に答える 0