位置：固定在平板电脑上？答案

【问题标题】：Position: fixed on a tablet?位置：固定在平板电脑上？
【发布时间】：2012-01-13 11:07:27
【问题描述】：

我目前正在处理我的portfolio website。我正在尝试针对尽可能多的硬件对其进行优化，因此我在平板电脑上查看了我的网站。真可惜。我有一个需要“粘贴”到窗口底部的页脚，我使用以下 css 成功创建了该页脚：

footer {
    position: fixed;
    bottom: 0px;
    height: 100px;
    width: 100%
}

但是，在平板电脑上，它不会粘在窗口底部，而是悬停在其余内容的下方（我将它放在 HTML 中的位置）。这意味着如果页面上没有太多内容，页脚将放置在页面的中间。 google了一阵子，发现有些平板不支持固定定位。

有人知道这个问题的解决方法吗？

【问题讨论】：

iOS5 实际上现在确实支持位置固定...Android 已经支持了一段时间...唯一真正的解决方法是计算滚动偏移位置并相应地移动页脚的 JavaScript 解决方案。
你也可以试试这个：stackoverflow.com/questions/4889601/…
好吧thanx伙计们，我想我得等到位置：固定；每个平板电脑都支持。我现在要写一个平板媒体查询！

标签： css positioning footer tablet fixed

【解决方案1】：

好的，我会回答我自己的问题来总结一下。感谢 Darek Rossman，我发现了一些有趣的链接。重点是 position fixed 在平板电脑上逐渐获得更多支持，所以这个问题不再是问题只是时间问题。似乎对我有用的解决方法是使用他在第一条评论中提到的 JavaScript 解决方案 Darek Rossman。然而，javascript 在某些平板电脑上仍然无法完美运行。在更好的时机到来之前，我将为平板电脑使用不同的样式表（使用媒体查询）。特别感谢发布有趣内容的 Darek Rossman！

【讨论】：

【解决方案2】：

Filament 组的优秀人员为此创建了一个插件，请在此处查看： Fixed-Fixed

他们还为“渐进式增强”创建了更多出色的插件，请在此处查看： SouthStreet

在他们的网站上与他们保持联系： Filamentgroup

【讨论】：