Javascript 滚动页面时，100%高度固定div始终位于顶部，且不应'；不要盖住页脚

Fixed div必须始终位于顶部，并且在滚动时不应覆盖页脚。 100%高度或从顶部到底部

---

我该怎么做？

最简单的答案是删除固定区域的z索引，这样当它覆盖页脚时，它就会移到页脚后面。您需要确保页脚是

position:relative


相反，如果你希望两者永远不相交，你将面临更大的挑战

最好的方法是给你的固定元素一个固定的高度，给你的页脚一个固定的高度，并确保固定元素高度+页脚高度我已经用jQuery、
offset（）
、
scrollTop（）
和
height（）

这是我的建议

这是你想要的吗？如果是——为什么？：）
我看不出这个方法与固定元素放在页脚下的方法在视觉上有什么区别。
-很好的例子，但没有页脚。当用户一直滚动到底时，您希望它看起来怎么样？绿色页脚下的固定红色条？还是别的什么？固定红色条纹减少。高度>100%否。块不应覆盖页脚或页脚上/下。当块覆盖页脚时，它的高度应该改变。@NickBolsh:你能举一个这样做的地方的例子吗？我到处都能看到他们围绕着页脚相交的问题设计的固定元素，通过确保高度不会发生这种情况。@NickBolsh更改块高度和页脚下的块之间的（视觉）区别是什么？在这两种情况下，用户都看不到固定块中页脚“发生”的区域，我找不到示例。我想在页面上看到固定的div和footer。@在您指定的示例中，NickBolsh“fixed”根本不会改变大小。。。我不知道这和你的要求有什么关系，但现在fixed block不会滚动。现在它在页脚下。不，不是：）看看滚动条是如何结束的
.fixed {
width: inherit;
height: 95%;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
}
footer {
width: 100%;
}