首页 > 解决方案 > CSS和溢出的跨平台问题

问题描述

我们开发了一个网站(仅为移动平台设计),但我们遇到了罕见的失败。

此 URL 中的网站https://mercadona.mandarinawebs.com

在网站上,您可以找到一个菜单,并且存在问题。

这就是它在 Chrome (Android) 中的外观 Android 中带菜单的主页

这就是它在 Chrome (iOS) 中的外观 在此处输入图像描述

如您所见,菜单未在 iOS 中显示。所有动画都在 webkit 中。它不适用于 Safari 或 chrome 的 iOS,但适用于 Android 的 Chrome。这很奇怪,因为我知道网站的解释是由浏览器而不是操作系统做出的。

我怀疑这与其中一些有关,但我很迷茫 在此处输入图像描述

谢谢

标签: csscross-platformoverflow

解决方案


有一类(滚动移动)

其中包含:

-webkit-overflow-scrolling: touch; 

删除这个问题就解决了,它适用于 Android 或 iOS。


推荐阅读