Question

我目前正在开发一个应用程序，该应用程序在iOS应用程序中呈现为iframe，当我在iframe中滚动可滚动div时，屏幕会在向下滚动时闪烁一点，然后在我停止滚动时跳回到顶部。现在我只看到问题，这是在2017年5月发布的iOS应用程序中呈现的，问题不会发生在Safari for iOS 11的iframe中，因此我猜测iOS与iframes不同的问题在较新版本中出现问题。

我不确切知道该应用程序的iOS版本是什么，但我相信它是iOS 10.1或更高版本，因为我们的应用程序中的CSS Grid内容工作，看起来该版本增加了对CSS Grid的支持，（{{ 3}}），但是我猜它也可能是iOS 10.3，因为caniuse.com建议iOS支持CSS Grid Safari 10.1

我已经阅读了一些文章，这些文章提到在iframe中添加了一个包装来修复此问题，但我无法控制iframe以外的任何内容。

.iframe-wrapper {
    -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}

我已将-webkit-overflow-scrolling: touch;添加到我的可滚动div中，这改善了浏览器中的滚动功能，但在iOS应用中呈现时无法解决此问题。

我看到其他人有完全相同的问题，但遗憾的是没有人能够提供解决方案Can I use... Support tables for HTML5, CSS3, etc

iOS上的iframe中的可滚动Div保持滚动到顶部

0 个答案: