【问题标题】:increase background size while scrolling滚动时增加背景大小
【发布时间】:2014-08-21 13:01:19
【问题描述】:

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

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

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

【问题讨论】:

    标签: jquery html css scroll background-size


    【解决方案1】:

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

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

    JSFiddle demo.

    【讨论】:

    • 谢谢詹姆斯!我总是对那些不记得javascript中的数字字符串关系的人感到愤怒。我现在是人民...... :)
    猜你喜欢
    • 2013-03-24
    • 1970-01-01
    • 1970-01-01
    • 2014-05-27
    • 1970-01-01
    • 1970-01-01
    • 2014-09-19
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多