当用户滚动大约10%的页面时，弹出窗口将出现

Question

嗨，有人能帮我吗？我想在用户在页面中滚动后出现这个弹出窗口。这是我的代码

<script type="text/javascript">
 var adblock = true;
 </script>
 <script type="text/javascript" src="adframe.js"></script>
 <script type="text/javascript">
 if(adblock) 
 {
 alert("We Noticed You are using Ad blocker :( We Work Really Hard and Spend Huge Time to test 
 and verify these files for you. Please Support us By Disabling Ad blocker for this Domain. We 
 dont show any popups or Poor Ads. Because we hate them too. If you cannot disable Ad blocker 
 for our site. We can understand, Dont Worry! Your Download will start always regardless of Ad 
 Blocker. Consider sending us small donation. Because we want to keep this site free as long 
 as possible.");
 document.getElementById("wrapper").style.display="none";
 }
</script>

所以有人能帮助这个脚本修改，并使其像用户滚动页面时一样出现吗

Answer 1

这会让工作完成的！

let scrollThreshold = (window.innerHeight/10); //Divide the full height of window by 10 to get your 10%
document.addEventListener('scroll', function(e) {
  
  if (window.scrollY > scrollThreshold) {
    //Add your pop-up code right here!
    console.log(`The window scroll is at ${window.scrollY}, which is beyond the threshold of ${scrollThreshold}`);
  }
});

div {
  height: 1500px;
}

<div>
  this is a test

</div>