css - относительный заголовок и липкий нижний колонтитул, динамический контент, неизвестная высота, все в контейнере с адаптивной шириной?

Я работаю над относительным заголовком и липким нижним колонтитулом с динамически загружаемым контентом (иногда пустой div (неизвестная высота), следовательно, height: 100vh;), все в пределах адаптивного контейнера, который подстраивается под ширину устройства (width: 100vw;) вверх до максимальной ширины 350 пикселей.

Оттуда некоторое содержимое динамически загружается над заголовком и должно подтолкнуть заголовок и содержимое, но при этом липкий нижний колонтитул должен оставаться на месте. Динамическое содержимое, когда оно переполняется, должно прокручиваться ниже заголовка и выше нижнего колонтитула, потому что оба являются полупрозрачными.

Пробовали всевозможные комбинации (относительные и абсолютные) ... вот самая близкая, например: http://jsfiddle.net/9U2CU/5/ .. но эта комбинация предполагает процентную высоту динамического содержимого, а отображаемое содержимое неправильно отформатировано в области и не выталкивает динамическое содержимое из-за абсолютного позиционирование !?

Какие корректировки необходимо внести в CSS, чтобы учесть спецификации?

HTML

<div id="view">

    <div id="appear" style="display:none;">Content that appears</div>

    <div id="header">Some Buttons</div>
    <div id="dynamic-content"></div>
    <div id="footer">Some Buttons</div>

</div>

CSS

#view {
  position: relative;
  height: 100%;
  width: 100vw;
  max-width: 350px;
  overflow-y: auto;
  height: 100vh;
  display: block;
  margin: 0 auto;
  background-color: #fff;
}
#header {
  position: relative;
  height: 44px;
  width: 100%;
  background-color: rgba(255, 255, 255, .5);
}
#dynamic-content {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: #999;
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 36px;
  background-color: rgba(255, 255, 255, .5);
}

jQuery

$(document).on("click", "#header", function () {
    $('#appear').slideToggle();
});