是否有任何方法来改变一个部分的文本，当用户滚动100vh下的页面，而不去下一节?

Question

我正在尝试一个文本动画，其中当用户向下滚动100vh的文本变化之后，下一节来尝试这样做，但我只是找不到如何拉这个。

请帮帮我，我就是不知道怎么解决这个问题。

这是我想要执行的过程的表示。输入图片描述

Answer 1

首先需要一个事件来检测是否有滚动

window.onscroll = function (e) {  
// called when the window is scrolled.  
} 

函数中的你需要知道滚动是否达到了你想要的极限

var win = window.innerHeight // size of your screen corresponds to 100vh

if property window。scrollY大于你的win变量，然后你做你想做的。

if(window.scrollY > win){
//do what you want
}

结尾的应该像

一样

window.onscroll = function (e) {
let win = window.innerHeight
// called every time the window is scrolled. 
if(window.scrollY > win){
//do what you must
} 
}