使用异步/ajax 时保持不变的粘性页脚

Sticky footer that stays put with when using async/ajax?

本文关键字:异步 ajax      更新时间:2023-09-26

我需要有一个固定的页脚,所以如果页面只有几行,页脚将在底部,或者如果页面很大,那么页脚将在页面内容之后。

我在那里尝试过的所有示例都失败了,因为我需要使用 ajax(异步)填充 som 元素,然后页脚就搞砸了。

是否有固定页脚可以坚如磐石?

:)谢谢!

我会和船长一起去,但是容器的min-height:和百分比放在那里呢?
通常它会解决这两个问题 - 当只有一点内容时,当有很多内容时。

您还可以发布一些代码吗?

我不确定我是否完全理解您的查找内容,但是这样的事情呢?

#footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:30px;
   width:100%;
   background:#999;
}

演示

这非常有效,只需按照此处提供的说明进行操作即可。