在调整大小时将高度调整为剩余窗口高度

Question

这是一种常用技术，也可以使用CSS calc()完成，但我无法弄清楚我的实现有什么问题。

有人可以告诉我我错过了什么吗？

jsFiddle

var adjustHeight = function(){
  $content = $('.adjustedHeight');
  $content.height($(window).height()-$content.offset().top);
}

$(document).ready(function(){
  adjustHeight();
});

$(window).resize(function(){
  adjustHeight();
});

HTML：

<div class="header">
  <p>Header</p>
  <p><strong>This should not scroll</strong></p>
</div>
<div class="adjustedHeight">
  <p>Content</p>
  <p><strong>Only this section should scroll</strong></p>
</div>

Answer 1

@RaduAndrei在评论中提供了solution。

.adjustedHeight {
    overflow-y: scroll;
}