2012-02-14 74 views
0

我想創建一個垂直網站與出現在網站上的某些Y型分多div的。這些div將託管文本。這些div的位置將永遠是固定的。左起20%,頂起大約250px。更改固定DIV內容/顯示在垂直點

我要的是有div的內容在某些垂直點在頁面上顯示和消失時,我向下滾動到下一個描述;只有在下一個div之後纔會出現。以便他們從a快速轉換到b。

幾個不錯的例子是:

點擊該網站的鏈接,使描述出現,他們改變滾動:http://www.mattssonvandeneeden.nl/
中間的類型:http://www.freetoair.org.uk/
的標題:http://www.formsofinquiry.com/

任何人都可以將我指向一個特定的方向,或幫助我瞭解它是如何完成的。我已經看過他們的代碼,但仍然無法使其工作。

+0

我們可以幫助您在顯示方向。但實際的編碼,你將不得不做:) – 2012-02-14 05:36:01

+0

其次,看到你的個人資料,並且你有4個問題,並沒有接受任何答案。請做,如果你得到一個正確的答案。請閱讀[FAQ](http://stackoverflow.com/faq#howtoask)。 – 2012-02-14 05:40:20

回答

1

您可以使用jQuery的scrollTop(),fadeIn()和​​函數來實現這一點。根據滾動放置,您將顯示/隱藏相關的div。

您可以檢查jsFiddle.net this演示。

希望這可以幫助你。

+0

這太棒了。謝謝!只是一些問題,但。 是否有可能有這麼需要,如果你添加更多的div被給JavaScript做任何的修改?和每個JavaScript標題是一樣的?而更令人討厭的是(很抱歉!)是否有可能讓它自動檢測父div的高度?我感興趣的是擁有不同高度的div,並且擔心javascript越麻煩越多。有人打破了這些網站在這裏:http://jsfiddle.net/kRAzZ/2/ – user981458 2012-02-14 06:18:04

+0

您可以使用jQuery的'.height()'函數。但不知道這會在你的情況下工作。截至目前,我不知道這個解決方案。你可以探索jQuery,你可能會得到一些答案:) – 2012-02-14 06:35:33