代码之家  ›  专栏  ›  技术社区  ›  John

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

  •  0
  • John  · 技术社区  · 8 年前

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

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

    复制步骤:

    1. 使用Safari在iPad上导航到上述url
    2. 轻触“打开花式盒子”
    3. 向下滚动并轻触“单击我!”按钮
    4. 请注意,iFrame会滚动到顶部。

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

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

    iPad(iOS 11.2.6)

    • 狩猎
    • 镀铬
    • Mozilla Firefox

    iPhone(iOS 11.2.6)

    • 狩猎

    我确认这种行为不会发生在:

    Windows 10

    • Safari(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 回复  |  直到 8 年前
        1
  •  0
  •   John    8 年前

    我同意Janis的观点,这似乎是iOS的一个问题。因此,我将在苹果网站上创建或更新相应的错误通知单。