Javascript webkit溢出滚动条中的固定元素实际上不适用于iOS safari

我有一个固定的页脚与滚动和固定的元素内的页脚像贝娄

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

.footer .fixed {
  position: fixed;
}

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

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

滚动底部红色区域可使蓝色方形元素反弹。有了iPad，它的移动范围真的很大

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

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