iphone - 在 iPhone 上滚动时，底部固定的 div 一直在跳跃

Question

我正在做一个响应式设计，我有一个应该固定在视口底部的 div 容器。问题是当我向上/向下滚动页面时 div 会继续移动，并且需要一段时间才能回到固定位置。

有谁知道如何解决这种跳跃问题？除了位置：固定和底部：0，我还能做什么？

谢谢！！:)

score 6 · Accepted Answer

6

为我使用position: sticky;而不是position: fixed;解决 iOS 上的跳跃问题。

于 2019-04-09T11:28:53.960 回答

score 4 · Accepted Answer

你试过了吗：

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

或者可能

-webkit-overflow-scrolling: touch

希望这对你有帮助！

score 2 · Accepted Answer

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

score 2 · Accepted Answer

这里有一篇很棒的文章。就我而言，我在滚动 div 中有固定元素。一旦我把它放在外面，就不再紧张了。

4 回答 4