當使用滾動條時阻止mousedown功能

Question

我有一個顯示onclick鏈接的div，我想在div外部單擊鼠標時隱藏（類似於大多數模式框功能） - 問題在於當用戶使用瀏覽器滾動條，被認爲是一個點擊隱藏DIV

這是我用它來顯示DIV

$('.trigger').click(function(e){ 
    e.preventDefault(); 
    open_slideout(this); 
}); 

function open_slideout(el){ 
    $(document).unbind('mousedown'); 

    //code here to display the div if its not already shown 

    //close on click-out 
    $(document).bind('mousedown',function(){ 
     $(panel_id).removeClass('active').hide('fast'); 
     $(el).removeClass('active'); 
    }); 
    $('.panel.active').bind('mousedown',function(e){e.stopPropagation();}); 
    $('.trigger').bind('mousedown',function(e){e.stopPropagation();}); 
} 

所以我設置的stopPropagation如果他們點擊活動區域內，但就像我說的，如果他們使用滾動條它會隱藏div

Answer 1

這似乎已經完成了招：

$(document.body).bind('mousedown',function(){ 

Answer 2

$(window).scroll(function(){ 
    scrolling = true; 
}); 

/*other code */ 
$(document).bind('mousedown',function(){ 
if(!scrolling){ 
     $(panel_id).removeClass('active').hide('fast'); 
     $(el).removeClass('active'); 
} 
    }).bind('mouseup',function(){ scrolling = false; }) 
/*other code */