jquery 我想在滚动到页面底部时创建页面过渡

v64noz0r  于 2023-02-15  发布在  jQuery
关注(0)|答案(1)|浏览(116)

我正在重新设计我的投资组合,我想做的一个技巧是让我的投资组合页面通过滚动转换到另一个页面。这个想法是一旦页面滚动到底部,它立即转换到新的页面。我现在的javascript在某个时间点超时后转换到一个新的页面,这并不能使转换无缝。

<script>
  window.onscroll = function(ev) {
  if ((window.innerHeight + window.pageYOffset ) >= document.body.offsetHeight) {
  setTimeout(function(){
  window.location.href = "https://www.google.com";
  }, 5000);
  }
  };
</script>
 <body>
<h1>This is page 1</h1>
<img src="https://picsum.photos/seed/picsum/1200/800">
  
 </body>

如果有无论如何我所要求的可以实现使用onscroll功能?
任何帮助都将不胜感激。

yhived7q

yhived7q1#

您可以在用户滚动到页面底部后立即转换到新页面,而不是使用setTimeout函数等待一定的时间再转换到新页面。

<script>
  window.onscroll = function(ev) {
    if ((window.innerHeight + window.pageYOffset) >= document.body.offsetHeight) {
      window.location.href = "https://www.google.com";
    }
  };
</script>

<body>
  <h1>This is page 1</h1>
  <img src="https://picsum.photos/seed/picsum/1200/800">
  <div style="height: 2000px;"></div>
</body>

相关问题