iOS中的iFrame FancyBox 2.1.4 - 在使用Javascript

时间:2018-04-02 20:28:46

标签: javascript jquery ios iframe fancybox

在iOS设备中移动并在Fancybox iFrame(使用javascript)中显示div时,iframe会滚动到窗口顶部,用户必须向下滚动才能看到div。在非iOS设备中,div移动到视图中,而iFrame不向上滚动(这就是我想要的)。

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

重现的步骤:

  1. 使用Safari
  2. 导航到iPad上的上述网址
  3. 点击"打开Fancy Box"
  4. 向下滚动并点按"点击我!"按钮
  5. 请注意,iFrame滚动到顶部。
  6. 按钮创建一个div,将其移动到点击的点的右上角,并使其可见。

    我在以下方面确认了此行为:

    iPad(iOS 11.2.6)

    • Safari浏览器
    • Mozilla Firefox

    iPhone(iOS 11.2.6)

    • Safari浏览器

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

    Windows 10

    • Safari(v 5.1.7)
    • Mozilla Firefox

    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?

1 个答案:

答案 0 :(得分:0)

我同意Janis,这似乎是iOS的一个问题。因此,我将在Apple网站上创建或推荐相应的错误提单。