Как сделать что бы скрипт не работал на определённом разрешении?

Question

[DimaGhost]

Добрый день! Есть такой скрипт на JS , он фиксирует плавающий блок.
У меня вёрстка адаптивная и на маленьких разрешениях блок тоже ходит.
Что дописать что бы эта функция не работала на разрешениях media only screen and (min-width: 768px) and (max-width: 979px). Буду очень признателен за помощь!

$(function(){
    $(window).scroll(function() {
        var top = $(document).scrollTop();
        if (top < 100) $("#outernav").css({top: '0', position: 'relative'});
        else $("#outernav").css({top: '48px', position: 'fixed'});
    });
});

Answer 1

[Viktor Vsk]

$(function(){
    $(window).scroll(function() {
        if ( $(window).width() >= 768 && $(window).width() <= 979 ) {  return; }
        var top = $(document).scrollTop();
        if (top < 100) $("#outernav").css({top: '0', position: 'relative'});
        else $("#outernav").css({top: '48px', position: 'fixed'});
    });
});

Comments

[geek01]

Только больше 768 и меньше 979, а не наоборот.

[Viktor Vsk]

geek01: точно, спасибо

[DimaGhost]

Всё равно прокручивается вместе с блоком

[DimaGhost]

Правильно я понял, если ширина больше 768 и меньше 979 то выполняется эта функция?

[DimaGhost]

Тогда по идее он наоборот на маленьких прокручивается

[geek01]

DimaGhost: добавь тогда if ( $(window).width...) ELSE {...}

[geek01]

Виктор Ablebeam: тоесть сюда. Надо добавить else. чтобы если этот размер - то просто вернуть, а если другой (else), то уже сделать так-то и так.

[DimaGhost]

geek01: Я в JS вообще полный ноль... Напиши пожалуйста что ты на маленьких не прокручивалось

[DimaGhost]

Надо что бы на меленьких он переставал быть фиксированным

[DimaGhost]

Всё работает, благодарю !

[DimaGhost]

geek01: А хотя нет, не получилось(

[geek01]

DimaGhost: смотрите мой отввет