Проблема с outerheight jquery?

Question

[hypero]

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

$(window).on('load resize orientationchange', function () {
   jQuery(window).scroll(function () {
      var scrolled = jQuery(window).scrollTop();
      if (scrolled > 100) {
            header.addClass('header_fixed');
      } else {
            header.removeClass('header_fixed');
      }
   });
   var headHeight = jQuery('header').outerHeight();
   jQuery('body').css({
      'paddingTop': headHeight + 'px'
   });
});

Думаю нужно чтобы динамически менялся отступ у body, как это можно сделать?

Comments

[ThunderCat]

Изначально шапка фиксированная в стилях.

@media?

[hypero]

ThunderCat, в базовых стилях

[ThunderCat]

hypero, Возможно есть смысл прописать под нужные медиа нужные стили для вашей шапки, вместо всех этих скриптов?

[hypero]

ThunderCat, у меня высота шапки вычитывается динамически через js, исходя от этой высоты задается padding для body. Хотелось бы допилить, чтобы после смены ориентации высота шапки определялась заново.