固定页脚不适用于iOS设备和Galaxy Tab

时间:2011-04-27 07:42:20

标签: html css iphone

我已设法在我的网页中修改页脚。

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

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

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

但是,当我在iOS设备(iPod& iPad)和Galaxy标签上测试此页面时,这不会使页脚固定在底部。相反,当页面滚动时,页脚也会向上/向下滚动。

任何人都可以帮我解决这个问题。我想确保如果它适用于移动客户端,那么它不会破坏桌面浏览器上的当前行为。简而言之,解决方案适用于两者。

提前致谢。

3 个答案:

答案 0 :(得分:1)

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

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

但有一些问题

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

答案 1 :(得分:0)

好的,

我自己解决了这个问题。就像我在问题中发布的代码在所有现代桌面浏览器中运行良好一样。

我使用了iScrolliScroll的问题在于它与Firefox 3.6无法正常工作。所以我做的是当我将浏览器检测为Firefox时,我将id wrapper的{​​{1}}设置为iScroll(空字符串)。这会导致浏览器使用较早的代码。

这就是它在所有桌面+移动浏览器中的工作方式。

希望这对其他人有帮助,

答案 2 :(得分:-1)