javascript - 移动问题滑动(Iphone)

标签 javascript html css twitter-bootstrap mobile

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

相关文章:

javascript - 文档.write();删除其他 HTML

html - 当我将鼠标悬停在盒子上时,如何为盒子中的所有元素设置动画?

javascript - 在一个日历中选择日期范围

CSS3 下拉全宽

html - 改变内容宽度的侧边栏

javascript - 如何更改HTML5音频中的播放/按钮图像

javascript - onblur - 如何判断点击了什么;或者如何判断 onclick 事件是否正在等待运行

javascript - 有没有地方可以获取所有流行和最新的 javascript 库?

html - 显示带有图像缩略图的复选框

javascript - 比较两个元素在 body 中的位置