jQuery scrollTop不会变为负数

时间:2014-10-30 18:42:51

标签: javascript jquery scroll frontend parallax

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

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_css的第二个(y组件)。当我将(multiplier * from_top)前面的“+”符号更改为“ - ”时,代码会中断。我也想尝试从bg_css的y组件中减去400px,但每当我稍微操纵这段代码时,它就会中断。

1 个答案:

答案 0 :(得分:1)

这里你使用+作为连接运算符。为了使其成为负面,试试这个:

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

可替换地:

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