html - 修复了页脚在 iOS 设备和 Galaxy Tab 上不起作用的问题

Question

我已经设法将页脚固定在我的网页中。

我在我的 CSS 文件中使用了以下内容:

#footer
{
   position:fixed;
   left:0px;
   bottom:0px;
}

这适用于所有主流浏览器(IE 8、Safari、Firefox)。

但是，当我在 iOS 设备(iPod 和 iPad)和 Galaxy 选项卡上测试此页面时，这不会使页脚固定在底部。相反，当页面滚动时，页脚也会随之向上/向下滚动。

谁能帮我解决这个问题。我想确保如果它适用于移动客户端，那么它不会破坏桌面浏览器上的当前行为。简而言之，一个对两者都有效的解决方案。

提前致谢。

Answer 1

试试这个 http://cubiq.org/iscroll-4

示例 http://cubiq.org/dropbox/iscroll4/examples/simple/

但它有一些问题

• 表单字段兼容性
• 缩放故障
• 更好的桌面浏览器兼容性
• onScroll 事件
• 散列和散列更改支持(即: http://example.com/#element-id )
• DOM 更改时自动刷新