使用JQuery使css后台大小缩小

时间:2013-05-16 00:32:52

标签: jquery css3 animation css

我正在尝试重做一些代码,以便在浏览器中滚动背景图像时缩小背景图像。我给出的代码目前正好相反 - 它将背景设置为0并使其成长。这是我的代码:

$('#item').css('background-size', (posish(12800)*100) + '%');

因此,当浏览器窗口达到1280px时,我希望背景缩小。而posish函数只传递一个真值或假值,这里仅供参考:

function posish(pos) {

    pos-=19;
    if (scrolled-viewport/4 < pos) {
        return false;
    } else if (scrolled > pos+viewport/2) {
        return true;
    } else {
        return (scrolled-viewport/4-pos)/(viewport/4);
    }
} 

有没有人知道如何反转初始函数,所以背景从100%开始,当posish为真时缩小到0% - IE高于12800px?它目前正好相反。

感谢您的帮助

1 个答案:

答案 0 :(得分:1)

(100-(posish(12800)*100)) + '%'