ipad/iphone上的固定页眉,页脚和边栏问题

问题描述:

我正在为本地俱乐部开发一个新网站。ipad/iphone上的固定页眉,页脚和边栏问题

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

如果任何人有任何我在做什么错误的线索我会非常感激,因为这让我发疯。

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

我附上了一些照片,希望能够展示这个问题。

Photo of how page should look

Photo of how page looks with iPhone/iPad zoom

+0

[CSS的可能重复 “的位置是:固定;”到iPad/iPhone?](http://stackoverflow.com/questions/4889601/css-position-fixed-into-ipad-iphone) – Luca 2015-10-23 11:33:17

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
+3

如果答案存在于SO上,请使用标记功能将其标记为重复连接到答案中的其他问题。 – Drenmi 2015-10-23 13:54:03

+1

尽管此链接可能会回答问题,但最好在此处包含答案的重要部分,并提供供参考的链接。如果链接页面更改,则仅链接答案可能会失效。 – Drenmi 2015-10-23 13:54:16

+0

@Drenmi如果回复**超过两年前发布了**,并且您认为它不符合标准,请对其进行编辑或将其标记为审核。 – Terry 2015-10-23 13:55:30