Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 滚动时增加背景大小_Jquery_Html_Css_Scroll_Background Size - Fatal编程技术网

Jquery 滚动时增加背景大小

Jquery 滚动时增加背景大小,jquery,html,css,scroll,background-size,Jquery,Html,Css,Scroll,Background Size,我有个问题。我正在建立一个视差网站,当你滚动的时候,背景尺寸在增加。首先,我认为这不会是一个问题,因为我使用了背景位置片段解决方案,即: var x = $window.scrollTop(); $('.stage.intro').css('background-size', '10' + parseInt(x / 10, 0) + '% '); 这在一段时间内效果不错,但当卷轴达到109%时,背景看起来很糟糕。一个问题。我该怎么办 这是因为'10'+10等于'1010',而不是110。你会立

我有个问题。我正在建立一个视差网站,当你滚动的时候,背景尺寸在增加。首先,我认为这不会是一个问题,因为我使用了背景位置片段解决方案,即:

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

这在一段时间内效果不错,但当卷轴达到109%时,背景看起来很糟糕。一个问题。我该怎么办

这是因为
'10'+10
等于
'1010'
,而不是
110
。你会立即从109%跳到1010%——一个更大的值。您只需将
'10'
更改为数字
100

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

.

谢谢,我是詹姆斯!我总是爱发脾气的人,他们无法记住javascript中的数字字符串关系。我现在是人民……:)