谷歌街景嵌入式 iFrame Focus Jump答案

【问题标题】：Google Street View Embedded iFrame Focus Jump谷歌街景嵌入式 iFrame Focus Jump
【发布时间】：2016-11-10 13:28:48
【问题描述】：

我的 Google 街景 iFrame 加载正常，但是当我触摸街景地图的图像内部时，页面会跳到底部。这只发生在我的 Iphone 5s 和我的 IPAD 上。

如果我单击其中一个控件，它不会跳转 - 但只要我触摸屏幕，就好像我想拖动视图环顾四周，页面会跳转到底部。

这发生在我嵌入街景 iframe 的两个网站上，因此它不能特定于网站。

谁能建议如何防止这种烦人的跳跃？

【问题讨论】：

【解决方案1】：

我也有同样的问题。它似乎与 iOS 10 有关。使用 iOS 9.3.5 在 ipad3 上测试它工作正常。将它嵌入到一个只有 iframe 的简单 html 页面中似乎可以正常工作。看起来像是某些东西的组合。

【讨论】：

【解决方案2】：

我能够用这个技巧解决这个问题：

body, html {
    height:100%;
    overflow:auto;
    -webkit-overflow-scrolling: touch; 
}

需要注意 - 如果您有绝对定位的元素，它们是 body 的直接子元素（例如标题），这将在 iOS 上导致其他问题 - 因此您需要将网站包装在相对定位的容器中。

【讨论】：

【解决方案3】：

添加此代码

   `body, html {
    height:100%;
    overflow:auto;
    -webkit-overflow-scrolling: touch; 
    } `

导致我网站上 IOS 中的 CSS 动画消失。可能是因为“如果你有绝对定位的元素，它们是 body 的直接子元素”

不知道如何解决这个问题，所以我只是删除了溢出，现在一切正常不过还是谢谢

【讨论】：