window.onscroll无效问题

Ryan

2020-08-29/0 评论/223 浏览

修改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% /** 就这一句的问题,删掉就好了 */
}
文章出自:虾米皮皮乐 https://xiamp.net/archives/windowon-x-invalid-scroll-problem.html,版权所有。本站文章除注明出处外,皆为作者原创文章,可自由引用,但请注明来源。
0 评论
223 浏览
您的大名:
万水千山总是情,给个打赏行不行。 打赏

发表评论

虾米皮皮乐

Ryan

版权申明:收费资源由本站发布,用户购买后只有终端使用权,禁止转售和转载

暂无附件
暂无目录
window.onscroll无效问题
08/29
2020
修改Spzac主题时发现侧边栏滚动固定不起作用了,看了一下Console也没输出,证明 win...
扫描右侧二维码阅读全文