javascript - 单击浏览器滚动条关闭弹出窗口

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

希望这对你有帮助。

$(document).ready(function(){
    $( window ).scroll(function() {
       $("#popup").hide();
    });
});