当用户滚动<section> s时，可以更改背景颜色吗？

Question

我把这个网站放在一起，site i'm building

桌面上的网站工作正常，但当我在移动设备上尝试它时，它不喜欢我使用的滚动插件插件。所以我找到了另一个。 One page scroll demo。

问题是，一个页面滚动jQuery使用技术上在页面顶部滚动的部分。所以这打破了我在资产和渐变背景中的淡入淡出。他们技术上低于折叠并向上滚动。渐变背景基于2000px高度页面上的位置而变化。

tl：dr;是否可以根据在单个页面上滚动的内容而不是页面本身滚动来更改背景颜色？我一直在想，也许是通过在内容后面滚动div的方式？

Answer 1

无论是什么触发运动，你也可以触发一个样式的变化。但我怀疑这看起来不错。

你可能想要做的是把每个部分放在它自己的div中，并给每个div自己的颜色。

Answer 2

您可以考虑使用fullPage.js代替。

它提供了选项scrollBar:true（等等），所以你的动画将继续按预期工作。

Demo here。