页脚不会停留

Question

人。 我试图在屏幕的底部放置一个页脚，我成功了，但事情是 - 如果页面是可滚动的，一旦我向上滚动，页脚就“跟着我”。或者说我打开开发人员工具调试，页脚“转到”而不是停留下来。 我希望页脚始终保持在底部。即使页面变小，我也不希望看到它，除非我在页面的底部（滚动）。 我该如何实现呢？

谢谢！

Answer 1

您好，可以尝试以下方法：

<强> HTML

* {
  margin: 0;
}
html, body {
  height: 100%;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -142px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  height: 142px; 
}
.site-footer {
  background: orange;
}

<强> CSS

tf.image