javascript - jQuery的scrollTop不会变成负数

Question

我正在使用我在网上找到的代码:

var background_image_parallax =
function($object, multiplier) {
    multiplier = typeof multiplier !== 'undefined' ? multiplier : 0.5;
    multiplier = 1 - multiplier;
    var $doc = $(document);
    $object.css({"background-attachment" : "fixed"});
    $(window).scroll(function() {
        var from_top = $doc.scrollTop(),
        bg_css = '0px ' +(multiplier * from_top) + 'px'
        $object.css({"background-position" : bg_css
        });
    });
};

问题是:我想操作 bg_c​​ss 的第二个(y 分量)。当我将 (multiplier * from_top) 前面的“+”符号更改为“-”时，代码中断。我还想尝试从 bg_c​​ss 的 y 分量中减去 400px，但是每当我稍微操作这段代码时，它就会崩溃。

Answer 1

这里您使用 + 作为连接运算符。要使其变为负数，请尝试以下操作:

    var from_top = $doc.scrollTop(),
    bg_css = '0px ' +(multiplier * from_top * -1) + 'px'

或者:

bg_css = '0px ' +(-multiplier * from_top) + 'px'