Javascript CSS3：当页面向下滚动到第一个视口时，是否可以在元素上触发转换？

我所说的视口是指“用户在浏览网页时，在向下滚动之前，首先看到的”

因此，是否可以更改元素的

类

名称 当页面向下滚动到第一个视口下方时（即用户已向下滚动到“向下滚动之前可见的页面部分”不再可见），并且还更改

style

属性的值，仅使用CSS3？

如果我使用JavaScript，有人能告诉我触发的是什么吗

背景色的变化

——是因为背景色的不可见性吗 第一个视口（因为当前滚动位置在其下方 第一个视口下方内容的页面、外观或外观

顺便问一下，网页中 我可笑地称第一个视口为

不知道，也许是着陆屏幕（3）？对于其他人来说，听起来很像JavaScript。StickyHeader可能是一个很好的搜索词，但有几种方法。在这种情况下，滚动到某一点后，他们会给它一个固定的位置，更改徽标并添加白色背景。使用jQuery

.css

不太复杂，取决于

$（window.scrollTop（）

）

另一种方法是使用两个标题，默认情况下隐藏第二个标题，当用户滚动到某个位置或在某个位置之间时，将其淡入/滑入。此插件生成克隆，例如：

---

如果需要，可以使用本机

document.body.scrollTop

而不是

$（window.scrollTop（）

，仅在必要时使用jQuery版本，如果需要检查body以外的其他内容并希望使用jQuery进行元素选择，则将结果存储在变量中。scroll事件可能会快速连续触发多次，因此最好尽可能优化其处理程序中的代码。我同意内存泄漏问题，并在可以的情况下编码vanilla JS，但仅使用scroll的

body

将排除Mozilla和IE上的功能。