iOS Safari

Question

我有一个固定的页脚，在页脚下方有一个滚动和固定元素。

.footer {
  position: fixed;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

.footer .fixed {
  position: fixed;
}

当我滚动页脚时，页脚内部的固定元素会反弹。

这是我的jsbin。请使用iPhone / iPad访问。

https://output.jsbin.com/wiyewi

滚动底部红色区域会使蓝色方形元素反弹。使用iPad，它的移动非常大。

正如您在输入中看到的那样，元素的DOM位置（$（'blue'）。position（）。top）根本不会改变。只有'视觉元素'正在移动。

有谁知道如何解决这个问题？我知道有一些类似的问题，但没有一个得到回答......

-webkit-overflow-scrolling touch doesnt work with fixed elements

Position fixed and -webkit-overflow-scrolling: touch;