ipad / iphone上固定页眉，页脚和侧栏的问题

Question

我正在为当地俱乐部开发一个新网站。

我创建了主网页，并且有一个固定的页眉，页脚和侧栏，内容位于滚动元素中。该页面在我的MacBook和各种浏览器中看起来很完美。当我在iPhone或iPad上查看页面时，页面看起来应该是这样，直到我缩放页面然后固定的侧栏不再固定。

如果有人有任何关于我做错的线索，我会非常感激，因为这让我很生气。

可以在http://tawvelo.org/new/home.html查看测试页。

我附上了几张希望显示问题的照片。

Answer 1

众所周知，

position: fixed无法在iOS上发挥良好作用 - http://remysharp.com/2012/05/24/issues-with-position-fixed-scrolling-on-ios/

如何解决？简单。搜索StackOverflow。之前已经问过这个问题：

1. CSS “position: fixed;” into iPad/iPhone?
2. Fixed positioning in Mobile Safari