所以我目前正在研究 http://coin.codeclimb.com由于某种原因，主页上的 Owl Carousel slider 在 iPhone safari 上不起作用。当我在 iPhone 上滑动时，它会滑动整个页面上的所有内容并破坏内容。我无法在桌面上复制问题。因此我无法使用开发工具来识别问题。
就好像只有 2 张幻灯片时有 15 张幻灯片一样，它只是让你滑动，你滑动得越多，它就会将整个页面上的所有内容推得越远，包括导航。
有什么想法吗？我在 iPhone 7 Plus 上使用 Safari。
最佳答案
这里有几个问题:
overflow-x:hidden不适用于某些版本的移动版 Safari 中的body元素。这意味着您的内容从容器中水平溢出。这会使浏览器感到困惑，因为它不知道应该滚动哪个元素。- 您已从
owl.css的第 77 行中删除了overflow:hidden，并添加了style.css文件的第 1121 到 1134 行，直接影响 OwlCarousel 的功能。
最简单的解决方案是将 overflow-x:hidden 添加到 html 元素而不是 body 元素，并删除多余的行来自 style.css
关于javascript - Owl Carousel 错误 : Sliding Entire Page On Mobile Safari - iPhone，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43516692/