jquery - 仅在屏幕上滚动到 x 上方时显示内容

标签 jquery html css

我正在为我的新游戏开发一个网站,我想在顶部放置一个菜单——但我不希望页面内容显示在它后面。我会使用一个简单的 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 来做到这一点,但它是实心的,我希望文本淡出。

最佳答案

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

关于jquery - 仅在屏幕上滚动到 x 上方时显示内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21468298/

相关文章:

javascript - 在 PHP 中使用定义的 jQuery 变量

html - 没有设置宽度的元素内的 CSS 空白

html - 为带有背景的文本元素设置样式

javascript - 悬停时对图像和标签的 JQuery 效果

html - 为什么 div 标签不能用作包装 block ?

html - 在 firefox 和其他浏览器中遇到 ul 问题

html - img src 标签不显示图片

php - 将多维数组从 PHP 传递到 jQuery

jquery - 请求的资源 ajax jqueryphonegap 上不存在 'Access-Control-Allow-Origin' header

javascript - 如何使用javascript验证数组输入字段