jquery - 花式框关闭后绑定/取消绑定滚动事件

Question

我有一个滚动事件，它将我的标题固定在页面顶部。当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"});
      });