html - 滚动背景直到显示整个背景图像

Question

我有一个非常高的图像，用作 body 标签的背景。但是，页面可能比这张图片长，所以过了一会儿我看到了我使用的背景颜色no-repeat（背景不是图案）。

有没有办法保持背景可滚动，然后当我到达图像的末尾时，尽管页面一直在滚动，但仍将其“卡”在底部？

Answer 1

你需要使用一个额外的固定层，将图片的底部设置为透明，然后监听滚动事件来检测何时到达原始背景的底部，设置固定层可见，瞧，你有它！如果您在其中任何一个方面需要帮助，请提供您的代码片段，以便我可以为您实现。