背景位置的负Y值不会改变

Question

CSS

div {
    width: 300px;
    height: 500px;
    background-image: url(http://i.imgur.com/6TbTDVs.jpg);
    background-position: center top;
}

jQuery的

$(window).scroll(function () {
    var scrolledY = $(window).scrollTop();

    var move = (scrolledY*0.2);

    $('div').css('background-position','center -'+move*-1+'px');
});

http://jsfiddle.net/rgbjoy/8GkSg/

Answer 1

您是在数字前面连接一个- 并将其乘以-1 ，因此它试图将位置设置为类似center --6px ，这是无效的。

尝试这个：

var move = scrolledY * -0.2;
$('div').css('background-position','center '+move+'px');

示范