爲背景位置負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