Проблема с outerheight jquery

Всем привет. Есть фиксированная шапка. При скролле высота шапки меняется и если после скролла изменить ориентацию, то отступ у 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, как это можно сделать?