【问题标题】:Issues with fixed header, footer and side bar on ipad / iphoneipad / iphone 上固定页眉、页脚和侧边栏的问题
【发布时间】:2013-02-21 15:24:52
【问题描述】:

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

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

如果有人对我做错了什么有任何线索,我将非常感激,因为这让我发疯了。

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

我附上了几张照片,希望能说明问题。

【问题讨论】:

标签: css ipad header footer fixed


【解决方案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

【讨论】:

  • 如果 SO 上存在答案,请使用标志功能将其标记为重复,而不是链接到答案中的其他问题。
  • 虽然此链接可能会回答问题,但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改,仅链接的答案可能会失效。
  • @Drenmi 如果答案是在两年前发布的,并且您认为它不符合标准,请对其进行编辑或标记以供审核。
  • 我对此发表评论的原因是它在审核队列中弹出......您还可以看到第二条评论是由近距离投票自动生成的。 ;-)
  • 这并不能真正回答您如何解决缩放问题的问题
猜你喜欢
  • 2023-03-16
  • 1970-01-01
  • 1970-01-01
  • 2012-05-15
  • 1970-01-01
  • 1970-01-01
  • 2018-05-23
  • 1970-01-01
  • 2015-08-22
相关资源
最近更新 更多