javascript - 如何在滚动时将用户重定向到外部页面？

Question

最近我开始使用 HTML5、CSS3 和 JScript 构建个人网站。我从中获得了很多乐趣，我认为我可以毫无问题地完成所有事情，但我错了，所以我来到了这里。

我的问题是:当用户向下/向下滚动时，如何将用户重定向到外部页面？

我已经在网上搜索过，我找到了很好的答案，但没有一个对我有帮助。大多数答案都解释了使用 window.location.replace("http://stackoverflow.com");或类似的东西，但我正在寻找别的东西。

我也尝试查看 Jquery 文档，但没有找到任何关于滚动的信息。

============================================= ==========================

编辑

基本上我有一个完整的宽度和长度页面，我想要的是当用户用鼠标向下滚动时我想从主页重定向到关于。 WebPage

我尝试了目前给出的解决方案，但没有任何反应!没有错误，什么都没有。

谢谢您的宝贵时间!

Answer 1

要在用户滚动到页面底部时进行重定向，您可以 Hook 滚动事件，然后在窗口高度加上窗口顶部的位置等于文档总高度时触发重定向。

使用 jQuery 它可能看起来像这样:

$(window).scroll(function() {
    if($(window).scrollTop() + $(window).height() == $(document).height()) {
       window.location.replace("http://stackoverflow.com");
    }
});

This answer有更多关于获取滚动事件和使用 jQuery 自定义该行为的信息。

更新

JSFiddle here

上面的代码可能无法在 JSFiddle 或类似的地方工作，因为 stackoverflow.com 将 X-Frame-Options 响应 header 设置为 SAMEORIGIN。如果从 HTTPS 重定向到 HTTP，您也可能在某些浏览器中遇到问题。上面链接的 JSFiddle 演示了一个有效的实现，重定向到另一个 JSFiddle 页面以避免 X-Frame-Options 问题。