window.onscroll无效问题

修改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% /** 就这一句的问题,删掉就好了 */
}
主题 var function 文章 fixside fixed-top' height addclass
打赏
相关推荐
  • WordPress 高级模板 Vieu 主题 V4.5 免授权正式版

    主题亮点全站自适应全站响应式自适应模板,一个模板手机电脑平板都能访问自定义风格可组合开启,最大化支持自定义组合各种风格VIP会员功能新增会员下载、会员可见、会员打折等专属功能,不同等级会员权限不同付费商城文章内支持付费下载、付费可见、全文付费阅读等功能独立下载本站自主开发集成独立下载功能,支持...
    2020-09-20 931 0 0
  • ZiBll 3.3-专为博客、自媒体、资讯类网站开发的wordpress主题

    主题介绍Zibll子比主题专为阅读类网站开发,设计简单优雅、功能众多。UI界面模块化、多种布局、多样显示效果可选择,超自由,更容易搭配出自己喜欢的网站。整体的开发理念都是围绕着阅读体验!减少花里胡哨的沉郁功能,把核心都集中在内容上。页面的布局、间距、功能都精心设计,只为让页面浏览更加自然,让用...
    2020-09-19 911 0 0
  • Moz自适应typecho主题

    特点全站无插件,极其容易配置Pjax代码高亮,内置github风格响应式三栏式设计,高效专注设计坚持沿用三栏式设计,考虑到显示器大屏销量在京东比较好,大家普遍都是24寸以上的屏幕了,所以坚持不适用width:1170px;margin:0 auto这样的结构设计,充分利用网页的每一寸空间,大不...
    2020-09-16 871 0 0

发表评论

;-) :| :smile: :sad: :razz: :oops: :o :lol: :grin: :cry: :cool: :???:

评论列表(暂无评论)

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