Jquery 向下滚动页面时开始褪色

所以我有一个问题，我不知道如何开始文本淡出，并在页面向下滚动时开始向上移动。 你可以在苹果关于MacBookPro的网站上看到它

我已经挣扎了5个小时了，还是想不出来。非常感谢您的帮助

---

我想在jquery中执行此操作。

您可以检测滚动位置，然后做一些数学运算来设置要淡出的文本的不透明度，它可能看起来像这样

$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
常数max=300；
var scrolled=$（'body'）.scrollTop（）；
$（'.textToFade'）.css（'opacity'，1-（滚动/max））；
})
})

body，html{
宽度：100%；
身高：150%；
背景颜色：浅蓝色；
}

这是文本

您可以检测滚动位置，然后做一些数学运算来设置要淡出的文本的不透明度，它可能看起来像这样

$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
常数max=300；
var scrolled=$（'body'）.scrollTop（）；
$（'.textToFade'）.css（'opacity'，1-（滚动/max））；
})
})

body，html{
宽度：100%；
身高：150%；
背景颜色：浅蓝色；
}

这是文本

请检查整页模式

var p=$（“.DivO>span”）.offset（）.top；
$（文档）。滚动（函数（）{
如果（（p<$（this.scrollTop（））和（$（.DivO”）.height（）+$（.DivO”）.offset（）.top-$（.DivO>span”）.height（））>$（this.scrollTop（））
$（“.DivO>span”）.fadeIn（2000年）；
其他的
$（“.DivO>span”）.fadeOut（500）；
});
.Div{
宽度：100%；
高度：1000px；
文本对齐：居中；
}
迪沃先生{
字体大小：50px；
}
.DivO span{
显示：无；
}

它薄得像剃刀，轻得像羽毛，甚至比以前更快、更强大。它拥有有史以来最明亮、最多彩的Mac笔记本显示器。它还配备了触摸栏——一种内置于键盘中的多点触摸功能玻璃条，可在需要时即时访问所需工具。MacBookPro是建立在突破性的想法之上的。它已经为你准备好了。

请检查整页模式


var p=$（“.DivO>span”）.offset（）.top；
$（文档）。滚动（函数（）{
如果（（p<$（this.scrollTop（））和（$（.DivO”）.height（）+$（.DivO”）.offset（）.top-$（.DivO>span”）.height（））>$（this.scrollTop（））
$（“.DivO>span”）.fadeIn（2000年）；
其他的
$（“.DivO>span”）.fadeOut（500）；
});
.Div{
宽度：100%；
高度：1000px；
文本对齐：居中；
}
迪沃先生{
字体大小：50px；
}
.DivO span{
显示：无；
}

它薄得像剃刀，轻得像羽毛，甚至比以前更快、更强大。它拥有有史以来最明亮、最多彩的Mac笔记本显示器。它还配备了触摸栏——一种内置于键盘中的多点触摸功能玻璃条，可在需要时即时访问所需工具。MacBookPro是建立在突破性的想法之上的。它已经为你准备好了。
可能重复的您可以粘贴到您拥有的代码中吗？问题是什么？可能重复的您可以粘贴到您拥有的代码中吗？问题是什么？这将使Firefox滚动。每滚动一个像素，就会触发div中的淡入淡出。至少添加一个dethrottle，我建议将var设置为
elementIsShown=true
，这样tou就可以检查它是否准备就绪shown@Martijn-谢谢你的帮助。我已经将代码做得更好了。这将使Firefox滚动。每滚动一个像素，就会触发div中的淡入淡出。至少添加一个dethrottle，我建议将var设置为
elementIsShown=true
，这样tou就可以检查它是否准备就绪shown@Martijn-谢谢你的帮助。我把代码做得更好了一点。