他们如何将页脚固定在底部，页面在顶部滚动？ [关闭]

Question

我发现了一个非常酷的网站，它有一个固定的页脚并且页面在顶部滚动。我想不通他们是怎么做到的？看看他们的网站：http://sidigital.co/

这是脚本还是 CSS？

Answer 1

它的 CSS。重要的部分在这里。请注意，body 有一个 padding-bottom，它是页脚的高度。这样，页脚不会与正文内容重叠。然后，页脚的高度是明确的，并且位于页面底部。一个很好的教程在这里http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

body {
padding-bottom: 453px;
overflow-x: hidden;
}

.footer {
height: 475px;
position: relative;
display: block;
position: fixed;
bottom: 0px;
z-index: 0;
}