webkit 粘性页脚菜单

Question

我想为 Web 应用程序 (-webkit/-moz) 创建一个粘性页脚菜单。查看屏幕截图。 iphone的蓝色区域边框，红色区域代表内容，底部灰色区域是页脚。

屏幕 1：
开始画面。窗口底部带有粘滞页脚的完整内容，我可以通过 position: fixed 来做到这一点。

屏幕 2：实际需要的行为 如果页面内容向下滚动，页脚应保持在窗口底部。这就是我需要的。

屏幕 3：当前行为与位置：固定 这是当前的行为，如果我滚动页面，整个内容都会向上移动，包括底部的粘性页脚。

我想要一个 Web 应用程序，其行为类似于 ipod 库。底部的固定菜单和上方的可滚动内容。有什么解决办法吗？

Answer 1

您需要采用多个绝对位置层来实现这一点。使用窗口的调整大小事件调整这些图层。我们在我们的网站www.maniartech.com 中也这样做了。