为什么css动画在jquery滚动之前运行

CSS动画在jQuery滚动之前运行的原因是因为CSS动画是由浏览器自动处理的，而jQuery滚动是由JavaScript控制的。浏览器在处理页面时会先加载和渲染CSS样式，然后执行JavaScript代码。所以当页面加载完成后，CSS动画会立即开始运行，而不受JavaScript代码的影响。

具体来说，CSS动画是通过CSS的@keyframes规则定义的，浏览器会根据这些规则来计算动画的效果和持续时间。而jQuery滚动是通过JavaScript代码来触发的，它需要等待页面加载完成并执行相应的代码后才能生效。

另外，CSS动画和jQuery滚动是两种不同的动画方式，它们的实现机制也不同。CSS动画是通过修改元素的CSS属性来实现的，而jQuery滚动是通过改变元素的位置来实现的。因此，它们的触发时机和执行顺序也会有所不同。

总结起来，CSS动画在jQuery滚动之前运行是因为CSS动画是由浏览器自动处理的，而jQuery滚动是由JavaScript控制的，它们的执行时机和机制不同。