jQuery判断页面滚动条距离顶端位置

今天利用空闲时间，研究了一下浏览器滚动条的简单控制，主要是通过jQuery获取滚动条的位置信息，直接上代码

1、当前窗口高度

$(window).height();

2、滚动条已滚动高度

$(window).scrollTop();

3、结合jQuery来实时获取滚动条滚动距离信息

$(window).on('scroll',()=>{
        let $fixedheader = $('#topface'); // 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("showtopface");
        } else {
            // fixedheader.show();
            $fixedheader.removeClass("showtopface");
        } */
        // 当滚动条离顶部100像素时的条件判断和执行动作
        if(wintop>100){
            // fixedheader.hide();
            $fixedheader.addClass("showtopface");
        } else {
            // fixedheader.show();
            $fixedheader.removeClass("showtopface");
        }

    })

通过上边代码，在做前端滚动条的控制时，或者滚动条滚动到离顶部指定位置高度时触发某些动作。我这边是当滚动到离顶部100时，给html标签增加样式showtopface，否则移除html标签样式showtopface