Html 修复了无法在iOS设备和Galaxy选项卡上使用的页脚问题
我已经设法使页脚固定在我的网页上 我在CSS文件中使用了以下内容: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选项卡上测试此页面时,这不会使页脚固定在底部。相反,当页面滚动时,页脚也随之上下滚动 有人能帮我解决这个问题吗。我想确保,如果它适用于移动客户端,那么它不会破坏当前桌面浏览器的行为。简言之
#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%是一个不错的数字。
(在这种情况下很难接受,你不同意吗?
-一个有错误事实的愚蠢评论让我生气,对不起。但让我们放下这件事,继续前进。伙计们,请把它放在这里。。我建议我们最好把注意力集中在这个问题上。如果你们中有人能帮助我解决这个问题,我将不胜感激并接受答案。。谢谢@尼克拉斯,是的,我必须承认那句话引发了什么。之后我忘了微笑/眨眼。我的意思是开玩笑/开玩笑。很抱歉。