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