我有一张大照片（940x1210）作为#page div的背景图片，它包裹了网站上的所有内容。由于照片是爆头，它看起来很傻，所以我设置它不要重复，并将它定位在0,0。
当#page所包含的内容高于1210像素并且背景图像设置为滚动时，照片会滚出视图，但如果它已修复，则只有最初在浏览器视口中显示的部分图像显示为上半部分（固定的左上角）或下半部分（固定的左下角）。
这是一个问题：如何在滚动图像的整个高度时将背景图像固定到#page（或正文）的底部，直到我到达底部？
答案 0 :(得分：0)
由于您希望在用户滚动时更改背景图像的行为，因此您需要使用onscroll Javascript事件。
从顶部附加的背景图像开始，然后设置为滚动。当用户滚动时，测试它们是否滚动超过图像的高度。一旦有，将背景图像设置为固定位置。
然后，如果用户向上滚动到小于图像的高度，请将背景设置为再次滚动。