jquery - 滚动时增加背景大小

Question

我有个问题。我正在建立一个视差网站，当你滚动时，一个眼睛糖果正在增加，背景尺寸正在增加。起初我认为这不会是一个问题，因为我使用背景位置片段解决方案，即：

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

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

Answer 1

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

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

JSFiddle 演示。