javascript - 在窗口调整大小时重新计算多个div大小

我有一个div，其中包含一组页面内链接，当滚动到该窗口时，该链接固定在窗口顶部，但是我需要调整下面的代码，以便在出现以下情况时重新计算.featured-image和#mainNavPrimary div的outerHeight调整窗口大小。但由于我是javascript新手，所以我一直在努力。这是我的代码，仅在加载时有效。请帮忙。

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

最佳答案

您必须使用“调整大小”事件：

$(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);
});