使用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，即使我使用＆＃34; + = 50＆＃34;命令。

Answer 1

尝试

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