Javascript 带有ScrollTop的JQuery动画

大家好

我在JavaScript方面遇到了一些问题，因为我一直在尝试一些不同的东西。我遇到了很多问题，如下所示：

$(document).scroll(function () {
    $('.header').toggleClass('scrolled', $(this).scrollTop() > 1);
});

这很好，但我想添加一个“动画”，当我向下滚动页面时，动画会淡入，当我滚动到页面顶部时，动画会淡出。 “滚动”类是我想要淡入淡出的类

---

有人能帮我吗？

尝试添加css

。滚动{transition:all 0.5s ease-in-out}

@azs06感谢xD的工作，不得不将其添加到.header类中，但它也能工作。