当用户滚动到该部分时，如何使用JS (无库)激活CSS动画？

要使用纯JavaScript（无库）激活CSS动画，可以通过以下步骤实现：

首先，为需要激活动画的元素添加一个CSS类，该类定义了所需的动画效果。例如，假设我们有一个名为"animated"的CSS类，定义了一个淡入动画效果：

.animated {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.animated.active {
  opacity: 1;
}

在JavaScript中，通过获取需要激活动画的元素的引用，可以使用document.querySelector或document.getElementById等方法。例如，假设我们有一个id为"myElement"的元素需要激活动画：

const element = document.getElementById("myElement");

当用户滚动到该部分时，可以使用window.addEventListener监听scroll事件，并在事件处理程序中检查元素是否可见。可以使用getBoundingClientRect方法获取元素的位置信息，判断元素是否在可视区域内。例如，当元素进入可视区域时，添加"active"类来激活动画：

function activateAnimation() {
  const element = document.getElementById("myElement");
  const rect = element.getBoundingClientRect();
  const windowHeight = window.innerHeight || document.documentElement.clientHeight;

  if (rect.top <= windowHeight && rect.bottom >= 0) {
    element.classList.add("active");
  }
}

window.addEventListener("scroll", activateAnimation);

这样，当用户滚动到该部分时，"active"类将被添加到元素上，触发CSS动画效果。

请注意，以上代码仅为示例，实际应用中可能需要根据具体情况进行适当的调整。另外，关于腾讯云相关产品和产品介绍链接地址，由于要求不提及具体品牌商，因此无法提供相关链接。