僅在屏幕上方滾動顯示x時顯示內容

-1

我正在爲我的新遊戲開發一個網站，並且我想在頂部放置一個菜單 - 但我不希望頁面內容顯示在其後面。我會使用一個簡單的div元素，但我希望內容在屏幕上的點x之後變得更高時消失。僅在屏幕上方滾動顯示x時顯示內容

是否有任何代碼可以做到這一點？我以前見過它。示例如下。

This is the menu 
This is where the page content starts fading 

This is the rest of the page content 
This is the footer

我已經嘗試通過簡單地使用固定div來做到這一點，但它是堅實的，我希望文字褪色。

有多種方法可以做到這一點。通常情況下，你應該顯示你已經嘗試過 - 這可能是downvote的 - 如果你的菜單總是相同的，可以考慮製作一個淡入淡出的png圖像並將其附加到菜單中，以便覆蓋滾動內容 – ntgCleaner

請顯示您之前的操作嘗試。您可以發佈一些您迄今嘗試過的代碼，或者鏈接到您找到的某些網站。在問你這個問題之前，試着做一些研究。 – Joeytje50

@ntgCleaner我會試試，謝謝！我沒有寫任何代碼的原因是因爲我所能想到的只是一個可靠的div，但並沒有消失。 –

我不知道我是否正確理解你的問題。
這個想法是將一個div放在菜單下，並使其背景漸變從頂部的白色到底部的透明。而且這個不需要jQuery。
這裏是一個樣本：http://jsfiddle.net/QL63w/1/

2014-01-30 22:29:53 Ramunas

這正是我所問的！謝謝！ –

回答