пересчитать несколько размеров div при изменении размера окна

Question

У меня есть div с набором ссылок на странице, который фиксируется в верхней части окна при его прокрутке, но мне нужно настроить приведенный ниже код, чтобы он пересчитывал externalHeight .featured-image и # mainNavPrimary divs при изменении размера окна. Но я борюсь, как я новичок в JavaScript. Это мой код, который работает только под нагрузкой. Пожалуйста, помогите.

$("#devInpageLinks").affix({
  offset: {
    top: $(".featured-image").outerHeight(true) + $("#mainNavPrimary").outerHeight(true) - 68
  }
});

Answer 1

Посмотрите на «медиа-запросы» и «адаптивный дизайн».В основном вы определяете в своем CSS, какой у вас стиль в зависимости от размера окна.

Answer 2

Вы должны использовать событие resize:

$(document).ready(function() {
  var refreshSizes = function() {
    $("#devInpageLinks").affix({offset: {top: $(".featured-image").outerHeight(true) + $("#mainNavPrimary").outerHeight(true) - 68 } });
  };
  // This will handle every resize event.
  $(window).resize(refreshSizes);
});