ページ上部のヘッダーを修正するスクロールイベントがあります。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"});
});