webkit粘性页脚菜单

Question

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

屏幕1：
开始屏幕。在窗口底部有一个粘性页脚的完整内容，我可以通过position：fixed。

来完成

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

屏幕3：位置的当前行为：已修复 这是当前的行为，如果我滚动页面，整个事物都会向上移动，包括底部的粘性页脚。

我想要一个类似于ipod库的Web应用程序。底部固定菜单，上方有滚动内容。任何解决方案？

Answer 1

您需要采用多个绝对位置图层才能实现此目的。使用windows resize事件调整这些图层。我们在我们的网站www.maniartech.com中也这样做了。