如何制作隐藏的浮动“加载”窗口在移动 Safari 上点击后退按钮后 div 再次从页面隐藏?

发布于 2024-12-11 09:17:47 字数 419 浏览 0 评论 0原文

这只是一个 iOS 问题。

我有一个浮动隐藏 div,在遵循应用程序内的链接后,当前页面中会出现一个带有“...loading”的浮动隐藏 div。默认情况下,它在下一页上再次隐藏。 问题是,当用户点击后退按钮时,它会在移动 Safari 上再次出现(未隐藏)。这在桌面浏览器上不是问题。

下面的代码适用于桌面版 Firefox、Chrome 和 Safari,但不适用于 iO5 iPhone 和 iPad 上的移动 Safari。

<body style="margin: 0; padding: 0" onunload="$('#loading').hide()"  onload="setTimeout(function() { window.scrollTo(0, 1) }, 100);"> 

有什么想法吗?

Its an iOS problem only.

I have a floating hidden div with "...loading" appear in the current page upon following links within the application. This is again hidden by default on the following page.
The problem is that when the user then hits the back button it appears again, unhidden, on mobile safari. This is not a problem on desktop browsers.

This code below works on desktop Firefox, Chrome, and Safari, but not on mobile Safari on iO5 iPhone and iPad.

<body style="margin: 0; padding: 0" onunload="$('#loading').hide()"  onload="setTimeout(function() { window.scrollTo(0, 1) }, 100);"> 

Any thoughts?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

巷子口的你 2024-12-18 09:17:47

对于 iO 上的 Safari,您可以执行以下操作:

window.addEventListener('popstate', function(e) {$('#loading').hide()}); 

基于此答案:
是否有其他方法可以在移动设备中使用 onbeforeunload野生动物园?

For Safari on iOs you can do this:

window.addEventListener('popstate', function(e) {$('#loading').hide()}); 

Based on this answer:
Is there an alternative method to use onbeforeunload in mobile safari?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文