javascript - webkit 粘性页脚菜单

标签 javascript html webkit css mozilla

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

屏幕 1:
启动画面。完整内容在窗口底部有一个粘性页脚,我可以通过 position: fixed 来做到这一点。

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

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

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

最佳答案

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

关于javascript - webkit 粘性页脚菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4875665/

相关文章:

javascript - 初始化带有子对象的数组属性的javascript对象

javascript - 监听在页面上多次使用的点击外部指令

javascript - 禁用下拉菜单

sqlite - 从 Webkit 的 HTML5 数据库存储中获取插入 ID

c# - 如何使用 webkit 浏览器引擎构建 web 浏览器 for windows

javascript - 如何将 valueOf 日期转换回日期

javascript - 如何通过文本更改在 JavaScript 中切换按钮?

javascript - 使用javascript移动div

HTML Div 未出现在导航栏中

css - -webkit-box-orient 和 --webkit-box-flex 浏览器兼容性