以下是我正在开发的页面http://ansh-test.bitballoon.com/的链接。 本网站使用Bootstrap 3构建。
在这个链接的主页上，我有一个标题，然后是带有过滤器覆盖的封面图像，最后是一个页脚。我已经能够将页脚功能设为sticky footer。但是在较大的屏幕上，当我增加浏览器的高度时，封面图像和粘性页脚之间会出现令人讨厌的白色斑点。
我希望封面图像溢出（dunno，如果这是正确的术语）使用css到达粘性页脚的点，以便在它们之间看不到白色补丁。
我还想控制和定义粘性页脚应该开始显示在页面上的浏览器高度。
有人可以帮我解决一下我上面分享的链接吗？
谢谢！
答案 0 :(得分：0)
我将.bg-filter div设置为min-height: 100vh;，而这会将其设置为始终占据屏幕高度的100％。您可以使用媒体查询微调此值，以便考虑导航和页脚高度并消除滚动的需要。视口单元被广泛接受，因此除非您需要IE8（http://caniuse.com/#feat=viewport-units），否则我不会过多担心浏览器支持。对于你的第二个问题，如果我理解正确，你需要使用一些js代码设置到窗口滚动事件来确定它应该出现的时间。
答案 1 :(得分：0)
#content-wrap{ min-height:100%;}
@media (min-width: 1200px){
html , body{ height:100%;}
.bg-centerTop70 { height: 100vh; }
}
上述CSS将指导您推断结果。