Google街景嵌入式iFrame Focus Jump

时间:2016-11-10 13:28:49

标签: ios google-maps iframe google-street-view

我的Google街景iFrame加载效果很好但是当我触摸街景地图的图像时,页面会跳到底部。这只发生在我的Iphone 5s以及我的IPAD上。

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

这种情况发生在我的两个网站上,我在其中嵌入了街景视图iframe,因此它不能专门针对网站。

有人可以建议如何防止这种恼人的跳跃吗?

我的网站是http://www.360tours.co.za

3 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:2)

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

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

需要注意的事项 - 如果您有完全定位的元素是身体的直接子元素(例如标题),这将导致iOS上的其他问题 - 因此您需要将网站包装在相对定位的容器中。

答案 2 :(得分:0)

添加此代码

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

在我的网站上导致IOS中的CSS动画消失。可能是由于“如果你有完全定位的元素是身体的直接孩子”

没有抓住如何解决这个问题,所以我只是删除溢出,现在一切正常 不过还是谢谢