修改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% /** 就这一句的问题,删掉就好了 */
}
精选留言