Jquery 大图像滚动

我有一个HTML页面，中间div的宽度为780px，高度为8400px。在这个div上设置了一个背景图像。现在我有了一个垂直向下滚动的滚动条，这很好。我想保持这样。但我也有两个按钮（上一个和下一个）。单击“下一步”时，我希望容器向下滚动1200px；单击“上一步”时，我希望容器向上滚动1200px。但我的滚动条会收缩。我还可以继续按下下一个prev按钮，如果图像不再可用

这是我的代码JQUERY：

$(document).ready(function (e) {
    $(".scrolling_prev").click(function () {
        $(".scrolling").animate({ "top": "+=1200px" }, 800);
    });
    $(".scrolling_next").click(function () {
        $(".scrolling").animate({ top: "-=1200px" }, 800);
    });
});

这是我的标记：

    <div class="centerSite">
        <div class="siteContainer">
            <nav></nav>
            <div class="content">
                <div class="scrolling"></div>
                <div class="scrolling_prev"></div>
                <div class="scrolling_next"></div>
            </div>
            <footer></footer>
        </div>
    </div>

---

有人可以帮忙吗？

如果您查看的属性不正确，top只会移动图像而不会滚动图像，如果您想滚动图像，请使用scrollTop

---

谢谢你的快速回复，但实际上我没有外部div。我的div（滚动）在主体中，我想保留它。有什么解决办法吗？@OntwikkelaarBijDebugged ok看到了，抱歉忘了提到，还有cssoh，如果我把你的代码放在body标签上，显然你的代码可以工作，所以我的问题解决了：-）非常感谢！

$('#prev').click(function() {
    $('#outer').animate({'scrollTop':'-=1200'});
});
$('#next').click(function() {
    $('#outer').animate({'scrollTop':'+=1200'});
});