jquery - 使用 JQuery 缩小 css 背景大小

标签 jquery css animation

我正在尝试重新编写一些代码,以便在您在浏览器中滚动背景图像时缩小它。目前我得到的代码做的是相反的事情——它从 0 开始背景并且如果增长。这是我的代码:

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

所以当浏览器窗口达到 1280px 时,我希望背景缩小。而posish函数只是传递一个true或false值,这里仅供引用:

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?它目前做相反的事情。

感谢您的帮助

最佳答案

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

关于jquery - 使用 JQuery 缩小 css 背景大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16577181/

相关文章:

javascript - 将额外的零附加到小数点,使 4.5 看起来像 4.500,但 4.5234 应该是 4.5234

jQuery 函数无法解析

html - 如何在CSS中的背景上移动径向渐变(光点)?

HTML - 是否可以在选中一个复选框时取消选中所有其他复选框?

CSS transition and transform from hamburger bars --> 点击 X(使用手写笔)

javascript - 响应式设计之间的过渡效果

javascript - 动画的问题

html - 如何停止 HTML 和 CSS 中的动画

android - 元素共享的过渡有效,但是共享的多个元素不起作用[Android]

javascript - 如何将 SweetAlert 与 Clipboard.js 库一起使用?