div的内容'滑动'高于它的div

时间:2016-12-11 00:11:25

标签: html css parallax responsive

制作一个投资组合,我有一个非常多层次的视差主页,下面有一个关于它的部分。尝试将其设置为一页滚动,以便我使用vh,但由于某种原因,当调整大小到高度非常小的点时,此div只会在主页下滑动。似乎主页似乎没有推到它下面,好像它有一个偏移或其他东西。尝试使用第一个div下的clear,不起作用。这是它的样子:http://puu.sh/sL8Km/4cf16e2ff7.jpg 我假设它与视差的css有关,看起来像这样:http://puu.sh/sL8Bb/31cca57cef.png 所有的视差层看起来像#parabg,#scene和#home都是包装器。有任何想法吗?谢谢!

1 个答案:

答案 0 :(得分:0)

发布问题后发现问题的奇迹。如果谁阅读这个也使用非常复杂的视差并试图遵循parallax.js'文档很差,不要使用填充顶部!对于想要做出完全响应的多层视差的人来说,我会为它做一点代码。

#parabg {
background: url(../assets/parallaximages/home/bg2.png) no-repeat 50%;
background-size: cover;
/*    padding-top: 52%; */
width:110%;
height: 100vh;
margin-left:-5%;