用jQuery动画顶部和底部位置

Question

我正在尝试用jQuery制作动画。 http://jsfiddle.net/g8mQu/

 $('#down').on("click", function() {
    $('#inner').animate({ "top": "-=50px" }, "slow" );
 });

那几乎就是我的代码，并且可以在本演示中使用，但是我试图将其实现到Bootstrap框架站点中。 但是css是相同的，包装器是一个容器，可滚动div是col-xs div。 这应该可以正常工作，但是每当我单击按钮时，即使我使用“ + = 50”命令，也不会将位置加50，而是将位置设置为50 / -50。

Answer 1

尝试

$('#down').on("click", function() {
    var $inner = $('#inner');
    $inner.animate({ "top": $inner.css("top") - 50 }, "slow" );
});