javascript - JavaScript header 更改过渡

我已经在Google上反复搜索过，找不到该查询的有效答案...

网站：http://miners-arms.wearepixel.co.uk/job-vacancies/

当您向下滚动此站点的页面时，标题将更改。我想知道的是，发生更改时如何添加淡入淡出过渡？

与此网站相似：https://www.venndigital.co.uk/technology/

非常感谢，

最佳答案

使用此脚本：

    $(window).scroll(function() {
        var scroll = $(window).scrollTop();
        if (scroll >= 110) {
                 //$("#headertop").addClass("parallax-window-top");
                 $("#headertop").fadeIn(200);
            } else {
                 //$("#headertop").removeClass("parallax-window-top");
                 $("#headertop").fadeIn(200);
            }
    });