window.onscroll无效问题

前端笔记 2020-08-29 64℃ 0 0

修改Spzac主题时发现侧边栏滚动固定不起作用了,看了一下Console也没输出,证明 window.onscroll 事件没有生效,排查了很久。

一开始以为JS代码拼错了,但是看了半天没有问题。。。

    $(window).on('scroll', function () {
        var t = $(document).scrollTop();
        var r = $(".fixside").height();
        var s = $(".fixsidenav").height();

        s = s - r;
        if (t < 100) {
            $(".fixside").removeClass('fixed-top');
        } else {
            $(".fixside").addClass('fixed-top');
        }
        if (t > s) {
            /* $(".fixside").removeClass('fixed-top');
             $(".fixside").addClass('fixed-bottom');*/
        } else {
            $(".fixside").removeClass('fixed-bottom');
        }
    });

最后今天在 CSDN 看到参考文章才知道是给 html 设置了高度导致的

html, body {
    height: 100% /** 就这一句的问题,删掉就好了 */
}

评论 (0)

Top