滚动时增加背景大小

Question

我有问题。我正在建立一个视差网站，当您滚动时，一个眼睛糖果正在增加，背景尺寸正在增加。起初我认为这不会是一个问题，因为我使用的是 background-position sn-ps 解决方案：

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.