Почему не работает функция скролла на мобильных?

Question

[sasha761]

Добрый вечер.
Никак не могу понять почему на десктопах ( все что больше 500px) функция скролла работает как надо а когда 500px и ниже она просто не работает (даже console.log не проходит) .

let headerHeight = $('.all-header').outerHeight();

  let lastScrollTop = 0;

  $(window).scroll(function(event) {

    let st = $(this).scrollTop();

      if (st > lastScrollTop){
         // код для прокрутки вниз
        $('.all-header').css('top', '-' + headerHeight + 'px');
      } else {
        // код для прокрутки вверх
        $('.all-header').css('top', '0px');
      }
      
      lastScrollTop = st;
  });

Comments

[Ярослав Иванов]

Никак не могу понять

Я тоже никак не могу понять что на неуважение код картинкой давать.

[sasha761]

Ярослав Иванов, извиняюсь ) привык картинками скидывать все ))

[Ярослав Иванов]

sasha761, а где то самое условие где фигурируют 500 px ?

[sasha761]

Ярослав Иванов, в том то и дело что его нет , это я выяснил опытным путем ...

[Ярослав Иванов]

sasha761, значит ищи где-то у тебя в другом скрипте есть эти 500 пх

[sasha761]

Ярослав Иванов, в том-то и дело что негде искать ...

[Araya]

sasha761, сноси все и пиши заново, точно найдется)

Answer 1

[sasha761]

Как оказалось дело было в CSS , там был медиазапрос на 500px (html, body : overflow-x: hidden)