仅在屏幕上方滚动时显示内容

Question

我正在为我的新游戏开发一个网站，我想在顶部放一个菜单 - 但我不希望页面内容显示在它后面。我会使用一个简单的div元素，但我希望内容在屏幕上的点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来做到这一点，但它是可靠的，我希望文本消失。

Answer 1

我不确定我是否正确理解你的问题 我们的想法是在菜单下方放置一个div，并使其背景渐变从顶部的白色到底部的透明。并且不需要jQuery。
这是一个样本：http://jsfiddle.net/QL63w/1/