用滚动更改背景图像

Question

我有一堆应该适合整个浏览器的图像，当您滚动时，它会更改为下一张图片等等。我是新来的，我真的不知道我在做什么。我一直在看这个：Create website background image that changes on a click这基本上是我想要的，但不是在点击上进行更改，而是在滚动上进行更改。

不知道它是否是相同的概念......任何想法？

Answer 1

您可以使用$（窗口）.scrollTop（）来确定当前的滚动量和$（体）的.css（ '背景图片'， '/i/image.jpg'）实际变化背景图像。

$(window).scroll(function() { 
    var image_url = '/i/image1.jpg' 
    if ($(window).scrollTop() > 800) { 
     image_url = '/i/image2.jpg'; 
    } 
    $(body).css('background-image', "url('" + image_url + "')"); 
}); 

这只是一个概念。你应该把所有的图像放在一个“数组”中（如你的例子），并确定要动态应用的图像。