Question

我知道标题有误导性，但我没有更好的方法为我的问题添加标题：

我现在偶然发现了几个网站，在水平视差式单页面布局中使用HTML 5和CSS 3.0，在图像上标题，比方说，在白色背景图像上是黑色，当你滚动到右边，黑色文字逐渐变浅，以适应新的背景进入视野，让我们说黑色背景上的白色文字。

这似乎是一种增长趋势，特别是在Windows应用商店应用程序中，我正在尝试复制类似于网站的内容。

到目前为止，我使用jQuery对文本的可能坐标进行硬编码，当滚动位置达到右边位置的大约25％时，开始使用SVG改变颜色，但这似乎过于复杂。

网上有例子吗？我已经尝试过搜索HTML / CSS文本淡入淡出，但这并没有真正返回任何具体内容？

Answer 1

在过去一年左右的时间里，当你向下滚动时，已经有足够多的网站做了一些奇特的东西，这是一种趋势。你知道，为了历史，我想我会写博客。

以下是你如何观看滚动并使用jQuery做的事情：

$(window).scroll(function(eventObject) {
    // do stuff! You can find out about how far
    // the window has scrolled via the eventObject.
});

使用滚动位置，您可以更改颜色，使用jQuery执行任何操作。：）