jquery - 滚动时增加背景大小

Question

我有一个问题。我正在构建一个视差网站，令人赏心悦目的是当您滚动时，背景尺寸正在增加。起初我认为这不会成为问题，因为我使用背景位置片段解决方案，它是:

var x = $window.scrollTop();
$('.stage.intro').css('background-size', '10' + parseInt(x / 10, 0) + '% ');

这在一段时间内工作正常，但当滚动达到 109% 时，背景看起来很糟糕。一个问题。我该如何处理这个问题？ demo here

Answer 1

这是因为 '10' + 10 等于 '1010'，不 110。您会立即从 109% 跃升至 1010%——一个更大的值。您所需要做的就是将 '10' 更改为数字 100:

$('div').css('background-size', 100 + parseInt(x / 10, 0) + '% ');

JSFiddle demo .