jquery - 使用视差的块高度

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 部分。

Answer 2

感谢您的回复。

但是，我设法在没有 jquery 的情况下做到了这一点，只需 css 使用： background-size:cover