點擊瀏覽器滾動條關閉彈出框

Question

當點擊瀏覽器滾動條時，我的彈出窗口關閉。 我用這個代碼關閉彈出：

//Closing the pop up when clicked outside of it. 
    $(document).click(function(e) { 
    $("#popup").mouseup(function() { 
      return false; 
    }); 
      // Bind mouseup event to all the document 
    $(document).mouseup(function(e) { 
     // Check if the click is outside the popup 
     if($(e.target).parents("#popup").length==0 && !$(e.target).is("#popup") && $(e.target).parents(".calendar").length==0) { 
     // Hide the popup 
     alert("hi"); 
     $("#popup").hide(); 
    } 
    }); 

}); 

我的彈出窗口CSS是：

element.style { 
    display: block; 
} 
.popupDiv { 
    background: none repeat scroll 0 0 rgb(245, 245, 245); 
    border-width: 1px 1px 3px; 
    padding: 10px 10px 35px; 
    position: absolute; 
    right: 0; 
    top: 85px; 
    z-index: 999; 
} 

我需要彈出沒有關閉，當我點擊瀏覽器的滾動條上。

Answer 1

只有滾動條點擊（用於滾動條點擊黑客代碼）

FiddleFromReference

Determine whether user clicking scrollbar or content (onclick for native scroll bar)

檢查目標值

唯一機構：

$("body").mouseup(function(e) { 

    alert("hi"); 

}); 

檢查特定目標

$(document).click(function (event) { 
    var idName = event.target.id; // Use event.target.nodeName 
    if(idName == "my_link"){ 
    return false; 
    }; 
    $('#your_div').fadeOut(350); 

}); 

除了正文內容包括滾動條

$(window).mouseup(function(e) { 
if (e.target == $('html').get(0)) { // Except body content 
alert("hi"); 
} 
});