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

Question

我正在整理这个网站，site i'm building

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

问题是单页滚动jQuery使用技术上在页面顶部滚动的部分。所以这打破了我在资产和渐变背景中的淡入淡出。从技术上讲，它们在首屏以下并向上滚动。渐变背景根据2000px高度页面上的位置而变化。

TL：博士;是否可以根据在单个页面上滚动的内容而不是页面本身滚动来更改背景颜色？我一直在想，通过在内容后面加一个滚动div可能是一种方式吗？

Answer 1

无论触发移动是什么，您都可以触发样式更改。但我怀疑它看起来不错。

您可能想要做的是将每个部分放在自己的div中，并为每个div赋予自己的颜色。

Answer 2

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

它提供了选项scrollBar:true（以及其他许多选项），因此您的动画将继续按预期工作。

Demo here。