javascript - 使用 CSS 或 Javascript 将页脚固定到浏览器的底部 10%?

标签 javascript html css

我有一个页 footer 分高度为 400 像素的网页。现在我希望页脚固定在浏览器的底部 10%,并且只有当页面向下滚动到页面末尾时,页脚的其余部分才应该可见。

如有任何帮助,我们将不胜感激。

问候,

马尼谢卡瓦特

最佳答案

解决方案基本上是为两个版本的页脚制作 css - 一个用于 position:fixed; 另一个用于 position:static;有机地融入文档流。

然后您就可以编写一个函数,通过监听 scroll event 在两者之间切换。

关于javascript - 使用 CSS 或 Javascript 将页脚固定到浏览器的底部 10%?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10022892/

相关文章:

java - GWT 2.4 应用程序找不到我的 CSS 文件,其类正在通过 UIObject.addStyleName 在代码中使用

javascript - 作为原型(prototype)添加到 JS 对象的属性被提升,而原型(prototype)函数则不被提升

javascript - Ajax + Flask 用于通知下拉列表

c# - Asp.Net 刷新页面的静态方法

javascript - 如何排除 div 触发此事件?

jquery - 使用突出显示的图像跨浏览器替换 HTML 复选框

html - 垂直对齐中间 li 与图像

javascript - 通过 handlebars partial 传递变量

javascript - 使用canvas绘制对 Angular 曲线

javascript - 在移动 View 中显示子链接