最近我开始使用 HTML5、CSS3 和 JScript 构建个人网站。我从中获得了很多乐趣,我认为我可以毫无问题地完成所有事情,但我错了,所以我来到了这里。
我的问题是:当用户向下/向下滚动时,如何将用户重定向到外部页面?
我已经在网上搜索过,我找到了很好的答案,但没有一个对我有帮助。大多数答案都解释了使用 window.location.replace("http://stackoverflow.com");
或类似的东西,但我正在寻找别的东西。
我也尝试查看 Jquery 文档,但没有找到任何关于滚动的信息。
============================================= ==========================
编辑
基本上我有一个完整的宽度和长度页面,我想要的是当用户用鼠标向下滚动时我想从主页重定向到关于。 WebPage
我尝试了目前给出的解决方案,但没有任何反应!没有错误,什么都没有。
谢谢您的宝贵时间!
最佳答案
要在用户滚动到页面底部时进行重定向,您可以 Hook 滚动事件,然后在窗口高度加上窗口顶部的位置等于文档总高度时触发重定向。
使用 jQuery 它可能看起来像这样:
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()) {
window.location.replace("http://stackoverflow.com");
}
});
This answer有更多关于获取滚动事件和使用 jQuery 自定义该行为的信息。
更新
上面的代码可能无法在 JSFiddle 或类似的地方工作,因为 stackoverflow.com 将 X-Frame-Options 响应 header 设置为 SAMEORIGIN
。如果从 HTTPS 重定向到 HTTP,您也可能在某些浏览器中遇到问题。上面链接的 JSFiddle 演示了一个有效的实现,重定向到另一个 JSFiddle 页面以避免 X-Frame-Options 问题。
关于javascript - 如何在滚动时将用户重定向到外部页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42737589/