將背景滾動到固定位置

我認爲我的問題的標題準確地描述了我認爲我想知道的內容。將背景滾動到固定位置

我希望能夠模仿/重現本網站的確切滾動功能https://dotvita.com/。

看起來背景是固定的，但只滾動到一個點。或者，更清楚的是，它與其他內容同時滾動，但僅限於某一點。當我看着HTML源代碼，這裏是我所看到的：

<body> 
    <div id="background"></div> 
<body>

和背景的CSS是：

#background { 
    position: fixed; 
    top: -458px; 
}

你們能告訴我這到底是怎麼回事呢？上述代碼是否產生我們在該網站上看到的內容，或者是否還有其他事情正在發生？

謝謝！

2013-06-21 gilmer

在背景中確實還有其他事情正在發生。它看起來像他們正在使用Jquery，也許是一個自定義腳本來產生這種效果。

對於許多瀏覽器，您可以檢查單個元素或整個站點，並查看正在使用的文件。在谷歌瀏覽器中，您可以按CTRL + SHIFT + I並單擊「資源」選項卡來完成此操作。在這裏，您可以使用左側的文件樹進入框架> [網站名稱]>腳本並查看加載的各種腳本文件。

爲了這個工作，該網站需要安裝Jquery的，這是這個文件： https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js

這這一直是我一直想要重新創建自己一段時間的效果。祝你好運！

2013-06-21 15:50:55

謝謝丹尼爾！我非常感謝你的洞察力和研究。我將在接下來的幾天裏玩這個遊戲，看看我想到了什麼。我會讓你知道我發現了什麼！ – gilmer

回答