如何在元素中设置背景图像集，在滚动时垂直移动？

Question

我知道如何在像这样的元素中设置背景图像

<div style="background-image:url('/assets/img/homepage-news.jpg')"></div>

当用户在页面上向下/向上滚动时，

移动了verticaly？

谢谢。

Answer 1

div {
background: url('/assets/img/homepage-news.jpg') fixed no-repeat;
background-size: 100% 100%;
}

您可以在sheljawedsanuj.in

查看示例

Answer 2

只需设置一个背景图片，然后插入另一个与您一起滚动并具有固定选项的div。 例如，请参阅：http://davidwalsh.name/css-fixed-position

或者看看我的小提琴： http://jsfiddle.net/tLqzdbkd/ enter code here