Почему не срабатывает javascript на маленьком разрешении экрана?

Question

[DeveloperV]

var header = $("#header"),
  introH = $("#intro").innerHeight(),
  scrollOffset = $(window).scrollTop();

/* Fixed Header */
checkScroll(scrollOffset);

$(window).on("scroll", function () {
  scrollOffset = $(this).scrollTop();

  checkScroll(scrollOffset);
});

function checkScroll(scrollOffset) {
  if (scrollOffset >= introH) {
    header.addClass("fixed");
  } else {
    header.removeClass("fixed");
  }
}

Все работает, при нажатии на меню About появляется фиксированный header после блока .intro, но как только включаю адаптив высота видимой области уменьшаеться и header появляется значительно ниже. Как это можно исправить? https://varfolomeiq.github.io/mogo/

Answer 1

[hzzzzl]

introH вычисляется один раз при загрузке скрипта, меняешь разрешение по высоте - introH остается в начальном значении, вычисляй ее каждый раз заново в checkScroll

Comments

[DeveloperV]

Большое спасибо! теперь работает как нужно