Question

我尝试制作某个div的视差背景，它差不多好但是当我向下滚动时，div的高度不是100％，并且它不会从屏幕的最底部开始。这是网站hurompolska.pl，你可以在它到达红色背景div之前看到那里有白色空间。我该如何摆脱那个白色空间？对于视差效果我使用此

$(window).scroll(function(e){
parallax();
});
function parallax(){
var scrolled = $(window).scrollTop();
$('#cechy').css('background-Cposition-y',-(scrolled*0.2)+'px');
}

Answer 1

在页面上放置任何内容之前，在javascript中存储页面的高度（就像在body标签之后）

var bodyHeight = window.innerHeight;

这将为您提供px中浏览器窗口的高度。然后，您可以将元素的高度设置为此值。

如果这不起作用，我公司和我在 http://potentpages.com/parallax-tutorials/创建了一个视差教程列表。这里的一个教程可以帮助你更彻底。您可能希望查看jQuery section。

Answer 2

感谢您的回复。

但是，我设法在没有jquery的情况下执行此操作，只需使用css：background-size：cover

使用视差的块高度

2 个答案: