在滚动时向 css 更改添加动画

Add animation to css change on scroll

本文关键字：添加 动画 css 滚动      更新时间：2023-09-26

我构建了以下页面：

http://jsfiddle.net/czLo0t6n/

Code visible at jsfiddle

滚动时，标题会降低其高度，文本和徽标会更改其位置和大小，就像现在在许多网站上看到的那样。我想在滚动过程中添加一个动画。我该怎么做？我对 JavaScript 的了解很少，但实际上我认为动画已经在那里了。但正如你所看到的，状态相互跳跃，没有视觉过渡。

或者，也许您可以向我推荐一个比我使用的更好的脚本？

希望有人能帮忙：-）

最好

千

您应该在切换 .large/.small 类时更改的元素上启用过渡

#header header,
#logo, 
#slogan{
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition:all 0.4s;
}

http://jsfiddle.net/czLo0t6n/2/演示

相关文章：