响应+滚动效果，请访问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高度。