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

iFrame FancyBox 2.1.4 in iOS - Iframe Scrolls up After Interacting with Div Using Javascript

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

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

重现步骤：

  1. 使用 Safari
    2. 在 iPad 上导航至上述 url
  2. 点击"Open Fancy Box"
  3. 向下滚动并点击 "Click ME!" 按钮
  4. 注意 iFrame 滚动到顶部。

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

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

iPad (iOS 11.2.6)

iPhone (iOS 11.2.6)

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

Windows 10

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?

我同意 Janis 的观点，这似乎是 iOS 的一个问题。因此，我将在 Apple 网站上创建或投票相应的错误票。