当在iPhone上滚动时,底部固定div保持跳跃

时间:2013-04-05 16:41:26

标签: iphone

我正在开发一个响应式设计,我有一个div容器,应该固定在视口的底部。问题是当我向上/向下滚动页面时div保持移动,它需要一段时间直到它回到固定位置。

有没有人知道如何解决这个问题?除了位置,我还能做些什么:固定和底部:0?

谢谢! :)

4 个答案:

答案 0 :(得分:4)

你试过了吗?

-webkit-backface-visibility: hidden; backface-visibility: hidden;

或者

-webkit-overflow-scrolling: touch

希望这能帮到你!

答案 1 :(得分:0)

这里有一篇很棒的文章。就我而言,我有滚动div的固定元素 。一旦将它放置在外面,就不会再出现抖动了。

https://remysharp.com/2012/05/24/issues-with-position-fixed-scrolling-on-ios

答案 2 :(得分:0)

使用position: sticky;代替position: fixed;为我解决了iOS上的跳转问题。

答案 3 :(得分:0)

对于我当前的项目,我有一个<nav>元素,该元素具有固定位置,嵌套在一个<header>元素中,该元素具有自己的固定位置(看来,将导航头嵌套在DOM的头上是有意义的树,但在视觉上,我们希望它们出现在用户界面的不同位置)。将导航移出标题,使其成为<body>元素的直接子元素,就解决了该问题。