Owl Carousel错误：在移动Safari上滑动整个页面 - iPhone

Question

所以我目前正在研究http://coin.codeclimb.com，由于某种原因，主页上的猫头鹰轮播滑块不适用于iPhone Safari。当我在iPhone上滑动时，它会刷整整个页面上的所有内容并破坏内容。我无法在桌面上复制问题。因此，我不能使用开发工具来识别问题。

当只有2张幻灯片就好像有15张幻灯片一样，它只是让你滑动，你滑动的越多，它就会推动整个页面上的所有内容，包括导航。

有什么想法吗？我在iPhone 7 Plus上使用Safari。

Answer 1

这里有几个问题：

1. ]]不适用于某些版本的移动版Safari中的i.startswith('s')元素。这意味着您的内容水平溢出其容器。这会混淆浏览器，因为它不知道它应该滚动哪个元素。
2. 您已从i的第77行删除int，并添加了[int(i.startswith('s')) for i in word_string.split(']]') ]文件的第1121行至第1134行，直接影响了OwlCarousel的功能。

最简单的解决方案是将0添加到1元素而不是]]元素，并从[1:]

中删除多余的行

Answer 2

在我的情况下，即使html元素上的overflow-x: hidden也无法正常工作 相反，我在机身上添加了额外的填充（两侧20px），这解决了问题，即使在小屏幕设备（iphone SE）上也能正常工作