Html 修复了无法在iOS设备和Galaxy选项卡上使用的页脚问题

Html 修复了无法在iOS设备和Galaxy选项卡上使用的页脚问题,html,css,iphone,Html,Css,Iphone,我已经设法使页脚固定在我的网页上 我在CSS文件中使用了以下内容: #footer { position:fixed; left:0px; bottom:0px; } 这适用于所有主流浏览器(IE 8、Safari、Firefox) 但是,当我在iOS设备(iPod和iPad)和Galaxy选项卡上测试此页面时,这不会使页脚固定在底部。相反,当页面滚动时,页脚也随之上下滚动 有人能帮我解决这个问题吗。我想确保,如果它适用于移动客户端,那么它不会破坏当前桌面浏览器的行为。简言之

我已经设法使页脚固定在我的网页上

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

#footer
{
   position:fixed;
   left:0px;
   bottom:0px;
}
这适用于所有主流浏览器(IE 8、Safari、Firefox)

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

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

提前谢谢。

试试这个

范例

但它有一些问题

  • 表单字段兼容性
  • 变焦故障
  • 更好的桌面浏览器兼容性
  • onScroll事件
  • 哈希和哈希更改支持(即: )
  • DOM更改时自动刷新
    • 好的

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

      我用了
      iScroll
      iScroll
      的问题是它在
      Firefox 3.6
      上不能正常工作。因此,当我检测到浏览器为
      Firefox
      时,我将
      iScroll
      wrapper
      id
      设置为
      (空字符串)。这会导致浏览器使用早期代码

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


      希望这对其他人有所帮助,

      示例()在firefox中不起作用。。你自己测试过吗?@mahendraaliya-我在回答中已经提到了。它没有很好的支持desktops@Bart基尔斯:我同意。。。接受实际上不能解决问题的答案是不明智的。。如果这样做,这将误导遇到相同问题的其他人。。然而,我确信我的问题的答案确实有帮助,我会投票给他们并接受答案@尼古拉斯:你不该说这些没用的话。。。相反,你应该提供一个解决方案:-)@Niklas,是的,我错过了OP的其他两页问题,没有必要在这里表现得像个聪明的驴子。我的观点仍然是,你不能强迫别人接受答案,否则他们就得不到答案。68%是一个不错的数字。
      (在这种情况下很难接受,你不同意吗?
      -一个有错误事实的愚蠢评论让我生气,对不起。但让我们放下这件事,继续前进。伙计们,请把它放在这里。。我建议我们最好把注意力集中在这个问题上。如果你们中有人能帮助我解决这个问题,我将不胜感激并接受答案。。谢谢@尼克拉斯,是的,我必须承认那句话引发了什么。之后我忘了微笑/眨眼。我的意思是开玩笑/开玩笑。很抱歉。