在超大幻灯片下方显示内容

Question

我正在尝试在全屏幻灯片下面显示正常运行的内容。只有当您向下滚动时，才会显示其余内容。所以在加载时，幻灯片的高度和宽度应该仍然是100%。

我试着放一个与浏览器高度相同的页边距顶部(用js检测)，并把幻灯片放映位置放在绝对位置，但这不起作用……

很想听听你对此的看法，非常感谢！

示例：http://www.fabrikgrafik.be/slider/ (我试图在不丢失幻灯片功能的情况下获得幻灯片下方的红色内容div )

Answer 1

这真的很简单，除了添加以下2行jQuery代码外，不需要对之前的代码做任何更改：

// made edit to hide content till slideshow is rdy
$("#content-wrapper").css("margin-top", $("#supersized").height()).show();
$(window).resize(function(e) { $("#content-wrapper").css("margin-top", $("#supersized").height()); });

​

updated jsFiddle

​

此外，您还可以更改此CSS：

#controls-wrapper { display: none; position: absolute; } /* from fixed */

Answer 2

我认为它是out....css风格的

 #redDivId {position:absolute; top:100%;}

查看此