как прекратить сжимать изображение и навигационную панель, когда она мобильна

Question

Привет, у меня есть панель навигации, когда страница прокручивается вниз, она будет уменьшаться, а когда она вверху, она будет в норме. Я попытался уменьшить панель навигации и изображение с помощью приведенного ниже jquery кода

 $(window).scroll(function() {
    if ($(window).scrollTop() > 100) {
        $('a.navbar-brand img').css({
            'height': '30'
        });
    } else {
        $('a.navbar-brand img').css({
            'height': '60'
        });
    }

});

. Проблема заключается в том, что при использовании мобильных устройств я не хочу уменьшать панель навигации, и я попробовал приведенный ниже код, но он не работал

if ($(window).outerWidth() > 768) {
    $(window).scroll(function() {
        if ($(window).scrollTop() > 100) {
            $('a.navbar-brand img').css({
                'height': '50'
            });
        } else {
            $('a.navbar-brand img').css({
                'height': '100'
            });
        }

    });
}

Как мне этого добиться

Answer 1

Измените свой код следующим образом.

if ($(window).outerWidth() > 768) {
    $(window).scroll(function() {
        if ($(window).scrollTop() > 100) {
            $('a.navbar-brand img').css('height','50%');
        } else {
            $('a.navbar-brand img').css('height','100%');
        }
    });
}

Надеюсь, это полезно