我有一个包含谷歌街景视图的iframe的页面。它适用于除IE11之外的所有浏览器（不加载360度图像）和iOS设备（首先点击它跳转到页面底部）。
这是我的iframe代码
<iframe src="https://www.google.com/maps/embed?pb=!1m0!4v1504326578745!6m8!1m7!1sCAoSLEFGMVFpcE9PRTNod0VqZTZiZHh6R3JYN2hBQkRydmNMZ0tGT1lSOUVORzRG!2m2!1d35.689167095718!2d139.69790674042!3f25.94047001702371!4f-14.309415663078198!5f0.4000000000000002" width="800" height="380" frameborder="0" style="border:0;" scrolling="no"></iframe>
我花了最近3天的谷歌搜索并尝试了很多方法。似乎有效的一个解决方案是将此代码添加到我的css
body, html {
height:100%;
overflow:auto;
-webkit-overflow-scrolling: touch;
}
但是，我无法使用它，因为这会禁用我的Back-To-Top脚本，并且顶部会显示一些奇怪的白条（ios设备），而且，我无法点击状态栏以返回顶部在我的iPhone上。
有人可以告诉我是什么导致了这个问题以及如何在不使用上述css的情况下处理它？