退出PopUp無法正常工作

所以，大家好，我有一個退出PopUp它已經工作，但當我向下滾動網站頁面時，它不能再次出現。請幫我找到問題。我真的不知道什麼是錯的。以及THX，遺憾的英語不好退出PopUp無法正常工作

<script type="text/javascript" src="asset/jquery.min.js"></script> 
<script type="text/javascript"> 
     $(function(){ 
     $(document).mousemove(function(e) {  
      $('#exitpopup').css('left', (window.innerWidth/2 - $('#exitpopup').width()/2)); 
      $('#exitpopup').css('top', (window.innerHeight/2 - $('#exitpopup').height()/2)); 
      if(e.pageY <= 5) 
      { 
       // Show the exit popup 
       $('#exitpopup_bg').fadeIn(); 
       $('#exitpopup').fadeIn(); 
      } 
     }); 
     $('.close').click(function(){ 
     $('#exitpopup_bg').fadeOut(); 
      $('#exitpopup').fadeOut(); 
    }); 
     $('#exitpopup_bg').click(function(){ 
      $('#exitpopup_bg').fadeOut(); 
      $('#exitpopup').slideUp(); 
     }); 
    }); 

</script> 
<style type="text/css"> 
    #exitpopup{ 
     text-align:center; 
    } 
    #exitpopup h1{ 
     margin-top:0px; 
     padding-top:0px;  
    } 
    #exitpopup p{ 
     text-align:left; 
    } 
</style> 
<div style="display: none; width:100%; height:100%; position:fixed; background:black; opacity: .3; filter:alpha(opacity=0.8); z-index:999998;" id="exitpopup_bg"> 

</div> 
    <div style="width:50%; height:auto; margin:0px auto; display:none;position:fixed; color:#ffffff; padding:20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index:999999;" id="exitpopup"> 
    <img src="asset/PopUp.png" />   
</div>

來源

2016-05-17 Henrikus Anthony

的問題是在

if(e.pageY <= 5)

你不能趕上e.pageY <= 5滾動後..所以你需要

if(e.pageY - $(window).scrollTop() <= 5)

Demo Here

來源

2016-05-17 01:34:51

非常感謝你，現在它工作！ –

你完全歡迎@HenrikusAnthony ..祝你好運:) –

退出PopUp無法正常工作

回答

相關問題