如何使图像部分滚动，然后保持固定，然后在通过部分时滚动？

Question

我甚至不知道我想做什么会被称为

请快速浏览一下这页：

http://www.philsalesses.com/plasma-pong/

您将在左侧看到标题为Plasma Pong的标题及其下方的图像。当我滚动文章时，我希望它在页面滚动时保持不变。但是，你会注意到当你到达页面底部时，有一个页脚，如果我把它完全静止的话，标题和图像就没有足够的空间。

我希望保持这种状态直到页脚点击，然后滚动。当您向上滚动页面时，它会滚动一点，直到有空间，然后再次放置。效果相同，但相反。知道如何查看我该如何做到这一点？

Answer 1

将标题css位置设置为固定。然后在满足某些条件时使用javascript检测滚动事件将其重置为绝对位置，使其保持在页脚上方。然后当页面滚动离开页脚时删除绝对定位。要查看工作示例，请访问quirksmode.org。在他的文章中，他有你想要的效果。