javascript - 背景位置的负 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');

Demonstration