用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" );
});