可以在添加类 navbar-fixed-top 之前检查宽度是否小于 768px 并滚动到某个 px？答案

【问题标题】：Possible to check if less than 768px width and scroll to the certain px before adding class navbar-fixed-top?可以在添加类 navbar-fixed-top 之前检查宽度是否小于 768px 并滚动到某个 px？
【发布时间】：2015-08-27 15:58:13
【问题描述】：

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 像素时才希望添加 navbar-fixed-top 类。

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

有没有办法解决这个问题？或者滚动是唯一不调整大小的方法？

【问题讨论】：

标签： jquery

【解决方案1】：

你可能想搬家

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

就在之前

if (scroll > navHeight){

（在滚动事件中）

【讨论】：