粘滞的页脚在移动屏幕上跳起来

时间:2015-05-18 10:18:58

标签: html css zurb-foundation

在我的网络应用中,我有一个适合小屏幕的粘性页脚。问题是粘性页脚会根据键盘的状态上下跳动。

我正在寻找它通过移动键盘覆盖。这是粘性页脚的css

width: 100%;
position: fixed;
bottom: 0;
height: 85px;
left: 0;
right: 0;

对此有任何解决方法吗?

1 个答案:

答案 0 :(得分:2)

最好使用固定以外的其他东西用于较小/触摸屏,因为您必须考虑许多不同的问题。此键盘问题是一个,将设备转为viewport: landscape是另一个问题。它也可能导致滚动问题,因为触摸设备在滚动完成之前不会渲染某些内容(意味着元素可能会有不同的反应,具体取决于用户滑动手指滚动的速度)。最好是建立一个大部分时间都可靠的网站,而不是弄清楚并考虑所有不同的可能情况。

即使对于“桌面”设备,如果您可以在没有固定定位的情况下执行某些操作,请执行此操作。在这些情况下,使用固定定位比最佳实践更为捷径。

有许多方法可以在不使用固定定位的情况下创建“粘性”页脚,这有助于保持您的网站在大多数设备上获得最佳观看体验。如果你谷歌'粘性页脚',你会发现一些很好的选择。有些在下面。