滚动时增加背景大小

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