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');
});
最佳答案
您在数字前面连接了一个 -
并 将它乘以 -1
,因此它试图将位置设置为像 center --6px
这样的东西是无效的。
试试这个:
var move = scrolledY * -0.2;
$('div').css('background-position','center '+move+'px');
关于javascript - 背景位置的负 Y 值不会改变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21443604/