html滚动时动态修改窗口背景,HTML / CSS – 滚动时修复背景

它们的面板大小与窗口一样大.然后他们正在做的是为每个面板设置背景图像并设置其背景附件：固定,使其相对于窗口保持定位,而不是它所在的div.

body, html {

width: 100%; // Sets the html and body width and height

height: 100%; // to the width and height of the window.

margin: 0;

}

.panel{

width: 100%; // Sets each panel to the width and height

height: 100%; // of the body (which is set to the window)

background-repeat: no-repeat;

background-attachment: fixed; //Sets background fixed in window

background-size: cover;

}

然后,您只需为每个面板指定背景图像.

很确定这就是你要找的东西.