當您向下滾動時會更改背景的頁面......它是如何工作的？

我已經搜索了一段時間，但根本找不到答案。所以，我的問題是：如何做這樣的網站當您向下滾動時會更改背景的頁面......它是如何工作的？

工作？當您向下滾動時，會在內容框後顯示幾個背景圖片。當您上下滾動時，您會發現它們佔據了整個屏幕，但有時您可以同時看到其中的兩個，一個在屏幕下方，另一個在屏幕下方。這個怎麼用？我根本無法弄清楚。

非常感謝

2014-04-02 Pixelpusher

使用'背景：固定'和'背景：滾動'這種效果 –

如果你看看你找到問題的關鍵申報的背景之一的CSS：

background-attachment: fixed;

這意味着背景不動，當用戶滾動即使，讓您可以有不同的滾動的div和背景總是會固定

這裏我準備了一個粗略的小提琴：http://jsfiddle.net/3UpUb/

.container2 p{ 
    background-image: url(http://tasag.de/wp-content/uploads/2014/01/img-3-blur.jpg); 
    background-repeat: repeat; 
    background-position: center top; 
    background-size: auto; 
    background-attachment: fixed; 
}

來源

2014-04-02 11:54:40

我認爲他們也想知道如何觸發它，當你到達它。 – Albzi

根本沒有觸發。如果你使用background：fixed，你可以使用css獨自使用這個效果 –

然後有人可以使用'window.scroll'爲那個@BeatAlex –

您可以使用視差滾動並將speed設置爲0。然後，圖像保持固定，但在滾動到下一個背景圖像時會改變。我使用Parallax plugin。

來源

2014-04-02 11:58:12

當您向下滾動時會更改背景的頁面......它是如何工作的？

回答

相關問題