JQuery滚动div的背景图像

我只想将背景图像向下移动到div中（比图像小），使图像在div的可见区域上漂移（图像高705，div高215px）

我从其他帖子中得到了这个，但是它似乎不起作用：(

有什么想法吗？-没有错误，但什么都没有

在HTML中，我有

<div id="banner"></div>

和javascript

$(document).ready(function () {
    bouncebanner();
});

function bouncebanner(){
    $('#banner').stop().animate(
        {backgroundPosition:"(0 -490px)"}, 
        {duration:5000}
    );
}

不要使用可能导致问题的px和括号

---

不要使用可能会导致问题的px和括号

如果您只希望为其中一个轴（X或Y）设置动画，则应按如下方式针对该特定轴：

// X Axis, use backgroundPositionX //
function bouncebanner(){
    $('#banner').stop().animate({backgroundPositionX: -490}, 5000);
}

// Y Axis, use backgroundPositionY //
function bouncebanner(){
    $('#banner').stop().animate({backgroundPositionY: -490}, 5000);
}

background: url(/media/residential-services-705.jpg) no-repeat 0 0;

也可以考虑为背景图像添加一个起始位置，这样可以防止老浏览器中的图像跳跃：

// X Axis, use backgroundPositionX //
function bouncebanner(){
    $('#banner').stop().animate({backgroundPositionX: -490}, 5000);
}

// Y Axis, use backgroundPositionY //
function bouncebanner(){
    $('#banner').stop().animate({backgroundPositionY: -490}, 5000);
}

background: url(/media/residential-services-705.jpg) no-repeat 0 0;

---

我希望这会有所帮助！

如果您希望仅为其中一个轴（X或Y）设置动画，则应按如下方式瞄准该特定轴：

// X Axis, use backgroundPositionX //
function bouncebanner(){
    $('#banner').stop().animate({backgroundPositionX: -490}, 5000);
}

// Y Axis, use backgroundPositionY //
function bouncebanner(){
    $('#banner').stop().animate({backgroundPositionY: -490}, 5000);
}

background: url(/media/residential-services-705.jpg) no-repeat 0 0;

也可以考虑为背景图像添加一个起始位置，这样可以防止老浏览器中的图像跳跃：

// X Axis, use backgroundPositionX //
function bouncebanner(){
    $('#banner').stop().animate({backgroundPositionX: -490}, 5000);
}

// Y Axis, use backgroundPositionY //
function bouncebanner(){
    $('#banner').stop().animate({backgroundPositionY: -490}, 5000);
}

background: url(/media/residential-services-705.jpg) no-repeat 0 0;

我希望这有帮助