效果描述：
当页面滚动卷去一个可视高度后，通过header标签增加class名‘top-fixed’来控制样式。
    $(window).on('scroll',()=>{
        let $fixedheader = $('header'); // fixed容器
        // console.log(fixedheader);
        var wintop=$(window).scrollTop(); // 已滚动卷去的高度
        // console.log(wintop);
        let winHeight = $(window).height(); // 可视窗口的高度
        // console.log(winHeight);
        // 卷去一个可视窗口高度后执行
        if (wintop - winHeight > 0) {
            // fixedheader.hide();
            $fixedheader.addClass("top-fixed");
        } else {
            // fixedheader.show();
            $fixedheader.removeClass("top-fixed");
        }
    })

/* 固定顶部 */
        header{
            height:114px;
        }
        .top-fixed{
            position:fixed;
            animation:mymove .5s forwards; 
            z-index:10;
        }
        @keyframes mymove{
            from {
                top:-114px;
            }
            to {
                top:0px;
            }
        }