使用javascript而不是jquery在滚动上触发CSS动画

使用JavaScript而不是jQuery在滚动上触发CSS动画的主要原因是为了减少依赖和提高性能。虽然jQuery是一个功能强大的JavaScript库，但它的体积相对较大，使用它仅仅为了触发CSS动画可能会增加页面加载时间和资源消耗。

在滚动上触发CSS动画的一种常见方法是使用JavaScript中的事件监听器来检测滚动事件，并根据滚动位置来添加或移除CSS类。以下是一个示例代码：

// 获取滚动容器元素
var container = document.getElementById('scroll-container');

// 监听滚动事件
container.addEventListener('scroll', function() {
  // 获取滚动位置
  var scrollTop = container.scrollTop;

  // 根据滚动位置添加或移除CSS类
  if (scrollTop > 100) {
    document.body.classList.add('scrolled');
  } else {
    document.body.classList.remove('scrolled');
  }
});

在上述示例中，我们通过监听滚动容器的滚动事件来获取滚动位置，并根据滚动位置添加或移除CSS类。可以根据实际需求修改条件和添加的CSS类。

使用JavaScript而不是jQuery的优势包括：

1. 减少依赖：使用原生JavaScript可以减少对第三方库的依赖，简化项目的开发和维护过程。
2. 提高性能：相比较较大的jQuery库，使用原生JavaScript可以减少页面加载时间和资源消耗，提高性能。
3. 更好的控制：原生JavaScript提供了更灵活的控制和操作DOM元素的能力，可以根据具体需求进行定制和扩展。

对于滚动触发的CSS动画，腾讯云并没有直接相关的产品或服务。但腾讯云提供了丰富的云计算产品和解决方案，可用于构建和部署Web应用程序、存储数据、进行人工智能等。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多信息。