当我在移动设备上向下/向上滑动我的网站时,第一张幻灯片有问题,看起来它向正确的方向滑动,然后向另一个方向返回几像素(但只有新方向的第一张幻灯片有这个问题)。我觉得最好还是在手机上测试一下:https://even-mind.com
我该如何解决? 我希望你们能帮助我!
目前,我唯一发现的是删除 owl-carousel.js 脚本,所以滑动变得流畅,但当然轮播不工作,你可以在这里看到: https://dev.even-mind.com/Even-Mind
(在 iphone 5 上测试)
最佳答案
通过查看您的 DOM 元素检查器,您可以发现当向下滚动时标题的位置从 absolute
更改为 fixed
,也许这就是导致问题的原因.
这是滚动前的页眉:
<div id="header" class="header">
滚动后:
<div id="header" class="header header-fixed header-prepare">
尝试更改 HTML 并从一开始就给您的 header 一个固定
位置:
<div id="header" class="header header-fixed">
关于javascript - 移动问题滑动(Iphone),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39282207/