gpt4 book ai didi

javascript - 移动问题滑动(Iphone)

转载 作者:技术小花猫 更新时间:2023-10-29 12:02:20 24 4
gpt4 key购买 nike

当我在移动设备上向下/向上滑动我的网站时,第一张幻灯片有问题,看起来它向正确的方向滑动,然后向另一个方向返回几像素(但只有新方向的第一张幻灯片有这个问题)。我觉得最好还是在手机上测试一下: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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com