javascript - 固定背景附件 CSS/XHTML/jQuery

Question

我目前正在一个网站上工作，我对我网站上的背景图片有一个相当有趣的想法。这是一张相当大的图片，因此根据屏幕尺寸，下半部分可能会显示也可能不会显示。

我想知道是否有可能使用 jQuery 将背景图片的附件设置为固定，仅当用户向下滚动时显示图片的底部。

背景将在 CSS 中使用“top”定位，并会正常滚动，直到没有更多背景图像可显示，然后它将其附件设置为固定..

如果这不是一个很好的解释，我深表歉意，但我不确定如何描述它。

提前感谢 HTML/CSS/JavaScript 大师..

Answer 1

$(window).scroll( function() {
    if($(this).scrollTop() > height_of_image) {
        $('body').css('background-attachment','fixed');
    } else {
        $('body').css('background-attachment','none');
    }
});

Plagiarised from here