Question

我有一个带有一组内嵌链接的div，当它滚动到窗口时固定在窗口的顶部，但是我需要调整下面的代码，以便重新计算.featured-image的outerHeight和＃调整窗口大小时，mainNavPrimary divs。但我正在努力，因为我是javascript的新手。这是我的代码，仅适用于加载。请帮忙。

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

Answer 1

你必须使用＆＃39;调整大小＆＃39;事件：

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

Answer 2

查看“媒体查询”和“响应式设计”。基本上你在你的CSS中定义你的风格取决于窗口大小。

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

2 个答案: