我的Google街景iFrame加载效果很好但是当我触摸街景地图的图像时,页面会跳到底部。这只发生在我的Iphone 5s以及我的IPAD上。
如果我点击其中一个控件,它就不会跳转 - 但只要我触摸屏幕,就好像我想拖动视图环顾四周,页面会跳到底部。
这种情况发生在我的两个网站上,我在其中嵌入了街景视图iframe,因此它不能专门针对网站。
有人可以建议如何防止这种恼人的跳跃吗?
答案 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动画消失。可能是由于“如果你有完全定位的元素是身体的直接孩子”
没有抓住如何解决这个问题,所以我只是删除溢出,现在一切正常 不过还是谢谢