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

问题描述 投票:3回答:1

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

我正在寻找它通过移动键盘叠加。这是粘性页脚的CSS

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

有没有解决方法呢?

html css zurb-foundation
1个回答
2
投票

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

即使对于“桌面”设备,如果你可以做一些没有固定定位的东西,那就去做吧。在这些情况下,使用固定定位更多是捷径,而不是最佳实践。

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

© www.soinside.com 2019 - 2024. All rights reserved.