我正在开发一个响应式设计,我有一个div容器,应该固定在视口的底部。问题是当我向上/向下滚动页面时div保持移动,它需要一段时间直到它回到固定位置。
有没有人知道如何解决这个问题?除了位置,我还能做些什么:固定和底部:0?
谢谢! :)
答案 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>
元素的直接子元素,就解决了该问题。