iOS 中的 iFrame FancyBox 2.1.4 - 使用 Javascript 与 Div 交互后 Iframe 向上滚动

Question

在 iOS 设备的 Fancybox iFrame（使用 javascript）中移动和显示 div 时，iframe 会滚动到窗口顶部，用户必须向下滚动才能看到 div。在非 iOS 设备中，div 被移动到视图中，而 iFrame 没有向上滚动（这是我想要的）。

https://embed.plnkr.co/MhUHCeAaN6VVsllmovTj/

重现步骤：

1. 在 iPad 上使用 Safari 导航到上述网址
2. 点按“打开花式盒子”
3. 向下滚动并点击“点击我！”按钮
4. 注意 iFrame 滚动到顶部。

该按钮创建一个 div，将其移动到被点击点的右上角，并使其可见。

我在以下时间确认了此行为：

iPad (iOS 11.2.6)

• 野生动物园
• 铬
• Mozilla 火狐

iPhone (iOS 11.2.6)

• 野生动物园

我确认此行为不会发生在：

Windows 10

• Safari (v 5.1.7)
• 铬
• Mozilla 火狐

Android (7.0)

• 铬

我已经尝试过此线程中提供的答案：fancybox2 / fancybox causes page to to jump to the top，但点击按钮后 iFrame 仍会向上滚动，然后锁定 iFrame，因此您无法向下滚动。

我还尝试在 onclick 函数完成后使用 jQuery 滚动到所需的 div（使用 id 选择），但 iFrame 没有移动。在此处使用“SLaks”建议：How do you scroll an iframe from within using jquery?

Answer 1

我同意 Janis 的观点，这似乎是 iOS 特有的问题。因此，我将在 Apple 网站上创建或投票支持相应的 bug 票。