在添加类navbar-fixed-top之前，可以检查宽度是否小于768px，并滚动到特定的px

Question

var width = $(window).width();
var navHeight = $('.navbar').height() //100px;
var scroll = $(this).scrollTop();
function scrollAddClass(){
    $(window).scroll(function(){
        if (scroll > navHeight){
            $('.navbar').addClass('navbar-fixed-top');
        }
        else{
            $('.navbar').removeClass('navbar-fixed-top');
        }
    });
}
$(window).resize(function() {
    var width = $(window).width();
    var navHeight = $('.navbar').height();
    var scroll = $(this).scrollTop();
    if (width < 768) {
        console.log('resize');
        scrollAddClass();
    }
});

想要添加导航条固定顶部类只有当滚动超过100像素的移动屏幕。

console.log显示'resize '，但滚动部分不工作。搜索过，但大多数答案使用滚动而不调整大小。

有办法解决这个问题吗?或者滚动是不需要调整大小的唯一方法?

Answer 1

您可能想要移动

var navHeight = $('.navbar').height() //100px;
var scroll = $(this).scrollTop();

之前

if (scroll > navHeight){

(在滚动事件内)