Question

在此页面上，http://www.espn.com/espn/feature/story/_/id/12748163/floyd-mayweather-prepares-2-fight-seal-legacy，如果滚动一会儿，您将进入an image（固定背景），该滚动屏大约一秒钟没有响应您的滚动动作...我打电话这种暂时停留的视差效果，但这是我提到这种难以描述的效果的方式。

有人知道是什么使像这样的临时冻结图像吗？我认为这是一个了不起的效果。

我检查过的所有视差教程站点都没有进行这种演示。

Answer 1

这个效果很容易达到：如果检查图片元素，您会发现这只是固定的背景图片：

#section-1 .section-photo-break.chapter01 {
    background-attachment: fixed;
    background-position: center 44px;
    background-repeat: repeat-y;
    background-size: cover;
    border-bottom: 0;
}

但是，这种效果在i（e）OS上不起作用^^

暂时粘性视差

1 个答案: