css - ipad/iphone 上固定页眉、页脚和侧边栏的问题

标签 css ipad header footer fixed

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

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

如果有人知道我做错了什么,我将不胜感激,因为这让我发疯。

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

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

Photo of how page should look

Photo of how page looks with iPhone / iPad zoom

最佳答案

position: fixed 已知在 iOS 上播放不佳 - http://remysharp.com/2012/05/24/issues-with-position-fixed-scrolling-on-ios/

如何解决?简单的。搜索计算器。之前已经问过这个问题:

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

关于css - ipad/iphone 上固定页眉、页脚和侧边栏的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15254095/

相关文章:

css - 在 @font-face 规则中使用 svg 字体文件的确切语法是什么

iphone - UIView子类不可见

iphone - CG上下文旋转

objective-c - MGSplitView Controller 框架变化

python - NS3 - python.h 文件无法定位编译错误

perl - HTTP::请求在 header 中用连字符替换下划线

PHP打开另一个带有POST数据的网页

css - 如何在没有第 3 方库的情况下在 React Native 中创建 3x3 网格菜单?

html - 用固定的 div 标记文本问题

html - 我正在尝试使用 boostrap 在利用网格系统的垂直导航栏中生成平行导航栏效果