我的Google街景iFrame加载效果很好但是当我触摸街景 Map 的图像时,页面会跳到底部 . 这只发生在我的Iphone 5s以及我的IPAD上 .
如果我点击其中一个控件它不会跳转 - 但是一旦我触摸屏幕就好像我想拖动视图环顾四周页面跳转到底部 .
这种情况发生在我嵌入街景视图iframe的两个网站上,因此它不能专门针对网站 .
任何人都可以建议如何防止这种恼人的跳跃?
我的网站是http://www.360tours.co.za
我也有同样的问题 . 它似乎与iOS 10有关 . 使用iOS 9.3.5在ipad3上进行测试它运行正常 . 将它嵌入一个只有iframe的简单html页面似乎工作正常 . 看起来像某些东西的组合 .
我能够用这个技巧解决这个问题:
body, html { height:100%; overflow:auto; -webkit-overflow-scrolling: touch; }
需要注意的事项 - 如果您有完全定位的元素是身体的直接子元素(例如 Headers ),这将导致iOS上的其他问题 - 因此您需要将网站包装在相对定位的容器中 .
添加此代码
`body, html { height:100%; overflow:auto; -webkit-overflow-scrolling: touch; } `
在我的网站上的IOS中引起了消失的CSS动画 . 可能是因为“如果你有绝对定位的元素是身体的直接孩子”
没有 grab 如何解决这个问题,所以我只是删除溢出,一切正常,但不过谢谢
3 回答
我也有同样的问题 . 它似乎与iOS 10有关 . 使用iOS 9.3.5在ipad3上进行测试它运行正常 . 将它嵌入一个只有iframe的简单html页面似乎工作正常 . 看起来像某些东西的组合 .
我能够用这个技巧解决这个问题:
需要注意的事项 - 如果您有完全定位的元素是身体的直接子元素(例如 Headers ),这将导致iOS上的其他问题 - 因此您需要将网站包装在相对定位的容器中 .
添加此代码
在我的网站上的IOS中引起了消失的CSS动画 . 可能是因为“如果你有绝对定位的元素是身体的直接孩子”
没有 grab 如何解决这个问题,所以我只是删除溢出,一切正常,但不过谢谢