首页 文章

Google街景嵌入式iFrame Focus Jump

提问于
浏览
4

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

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

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

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

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

3 回答

  • 2

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

  • 2

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

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

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

  • 0

    添加此代码

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

    在我的网站上的IOS中引起了消失的CSS动画 . 可能是因为“如果你有绝对定位的元素是身体的直接孩子”

    没有 grab 如何解决这个问题,所以我只是删除溢出,一切正常,但不过谢谢

相关问题