带有 CSS 的 iOS Safari 滚动问题

Posted 2023-03-06

【中文标题】带有 CSS 的 iOS Safari 滚动问题

【英文标题】：iOS Safari Scrolling issue with CSS

【发布时间】：2017-12-20 16:54:58

【问题描述】：

我目前正在开发一个网络应用程序。在一种情况下，用户可以选择一些内容并将其放入概览中。一旦这个内容在那里，他应该能够滚动浏览它。

这个 div 在一种情况下对除 ios Safari 之外的所有浏览器都有正确的参数：

overflow-y:auto;
overflow-x:hidden;
-webkit-overflow-scrolling:touch;

只有在一种情况下，这个 div 在 iOS 上是不可滚动的。在所有其他没有修改 CSS / javascript 的情况下（内容通过 AJAX 保存并重新加载到容器中），它工作得非常好......

这是 iOS Safari 上的一个已知问题吗？

感谢您的帮助

PS：我也试过这个解决方法：

div .innerDiv 
    min-height:calc( 100% + 1px );

【参考方案1】：

没有你的完整代码，谁能说。

尝试添加

position: relative;

到你的 div。或围绕它的另一个包装器 div