当用户滚动到底部时,我已成功使用此代码来使页面重定向:

    $(window).scroll(function() {
  setTimeout(function() {
   if ($(window).scrollTop() + $(window).height() == $(document).height()) 
window.location = "/portfolio";
}, 4000);});

除非您将它拉得很远,然后触发等待时间,然后加载页面,否则它似乎在Mobile Safari上似乎不起作用。 我认为这对UX不利。 移动Chrome似乎可以正常运行,但是有很多没有Chrome的iPhone。 有什么建议么? 我疯了!

#1楼 票数:0

尝试添加一些余地,以使其不必与文档高度完全匹配。

$(window).scroll(function() {
    setTimeout(function() {
        if ($(window).scrollTop() + $(window).height() > $(document).height() - 25) {
            window.location = "/portfolio";
        }
    }, 4000);
}); 

  ask by Harris Maynard translate from so

未解决问题?本站智能推荐:

6回复

如何以编程方式关注移动Safari的页面加载文本字段?

注意:由于与工作相关的更改,我无法再验证此处发布的答案。 最有可能的是,我永远无法接受下面的答案。 这里发布的信息对IMO很有用,所以我会保持原样。 如果您认为自己知道答案,请随时回答,我们将让社区决定哪些是有用的。 背景 我正在为iPod Touch开发一个独立的Web应用程序
1回复

移动Safari停止在jquery.min.map文件上显示404页面加载

我们的Web应用程序在发生单个错误时暂停页面初始化。 这是很奇怪的行为,因为它是最近才出现的。 我不确定如何检查我拥有的移动Safari版本,但我认为我的iPad使用的是iOS 8的较晚版本。只有较旧的iPhone 4才出现此问题,只有更新的iOS 8和/或9才出现此问题。虽然桌面Saf
1回复

在页面加载时重置Bootstrap3轮播

有没有人遇到过Bootstrap的轮播,不会在页面加载时重置。 在台式机和iPad上的Safari中似乎都表现得很奇怪。 在台式机上,如果您按下“后退”按钮并返回上一页,则保留的幻灯片/选项卡仍处于活动状态。 在iPad上,按返回按钮返回时,您保留的幻灯片/标签不再标记为活动状态。
1回复

将用户重定向到屏幕顶部(智能手机)

我想知道是否存在任何允许将用户重定向到智能手机屏幕顶部的jQuery / Javascript事件。 这将始终显示顶部的野生动物园栏。
1回复

iPhone上的Safari在页面右侧添加了一个黑色空间,重点放在输入上,设备从水平旋转到垂直

iOS版本:7.1.2浏览器:Safari 我有一个示例登录页面,其中包含两个输入字段和一个提交按钮。 当我在横向模式下专注于任何输入字段并旋转手机并进入纵向模式时,我会在页面右侧看到一个奇怪的黑色空间。 屏幕截图如下: 我的页面代码如下:
2回复

从浏览器的后退按钮访问页面时执行js功能

我正在使用jquery mobile 1.2.0和jquery 1.7.2开发一个网站,我正在尝试在加载页面时执行js函数。 正常情况是用户使用链接(锚点)加载页面,所以我正在处理jquery移动事件“pageinit”,这可以正常工作,但我需要在用户访问页面时执行相同的代码/功能浏览器的后
1回复

为什么我的Bootstrap轮播或jQuery代码无法在Safari中运行?

我已经编码了一个月,所以很抱歉,如果这个答案很简单,但是我一直在寻找没有结果的日子。 我建立了一个简单的练习网页,使用Bootstrap轮播作为页面背景,并使用jQuery来使div(页面内容最终将到达的位置)出现。 当我在Chrome,Firefox和Opera中打开HTML文件时,页面
1回复

Safari(移动版)IOS-在外部单击时输入不会失去焦点

我正在做一个提供结果的搜索栏(类似于自动完成功能),但是在iOS的Safari上,当键盘打开时在输入标签之外点击时,它不会失去焦点。 我做了一个简单的jsfiddle来演示重现此问题的最少代码: https://jsfiddle.net/coppolaemilio/0bqrLcwe/4/