html - www.flipboard.com 上的响应式 + 滚动效果

Question

有谁知道flipboard页面的效果是如何产生的？我的意思是响应式视频和仅在您向下滚动时才会出现的菜单。您可以根据需要调整浏览器的大小。只有顶部 div 出现，没有菜单或白色页脚。但开始滚动，它就在那里。感谢您的想法。

Answer 1

调整窗口大小并且图像位于包装器 div 时设置了上 div 尺寸

Answer 2

了解如何为那些想知道的人：

<script  type="text/javascript">
jQuery.event.add(window, "load", resizeFrame);
jQuery.event.add(window, "resize", resizeFrame);

function resizeFrame() 
{
    var h = $(window).height();
    var w = $(window).width();
    $("#home").css('height',h);
}
</script>

home 是浏览器调整大小时应该调整大小的 div 的 id。'height',h 告诉浏览器将浏览器的 var 的 h 设置为 div 的 css 高度。