如何判断元素是否在屏幕上，然后触发requestAnimationFrame动画？

可以使用Intersection Observer API来判断元素是否在屏幕上。当元素进入或离开视口时，会触发相应的回调函数。可以将requestAnimationFrame放在回调函数中，实现动画的触发。

示例代码：

// 获取需要触发动画的元素 const targetElement = document.getElementById('target-element');

// 创建 IntersectionObserver 对象，并设置回调函数 const observer = new IntersectionObserver(entries => { entries.forEach(entry => { if (entry.isIntersecting) { // 元素进入视口，触发动画 requestAnimationFrame(animationFunction); } }); });

// 监听目标元素是否进入视口 observer.observe(targetElement);

function animationFunction() { // 动画代码 }