他们是如何在页面滚动顶部的情况下将页脚固定到底部的？

Question

我找到了一个非常酷的网站，它有一个固定的页脚，页面滚动到顶部。我无法弄清楚他们是怎么做到的？在他们的网站上找一个lokk：http://sidigital.co/

这是脚本还是CSS？

Answer 1

它的CSS。重要的是这里。请注意，主体有一个填充底部，即页脚的高度。这样，页脚不会与正文内容重叠。然后，页脚的高度是明确的，它位于页面的底部。这里有一个很好的教程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;
}