Javascript 使用jQuery设置顶部和底部位置的动画

我正在尝试用jQuery制作动画。

这是我的代码，在这个演示中很有效，但我正在尝试将其实现到一个引导框架站点中。css是相同的，包装器是一个容器，可滚动的div是col-xs-div。 这应该可以正常工作，但每当我单击按钮时，它不会向位置添加50，而是将位置设置为50/-50，即使我使用“+=50”命令。

尝试使用

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

---

那就什么也不做了。log（$internal.css（“top”）-50）；给我NaN，console.log（$inner.css（“top”）-50px）；给我“未捕获的SyntaxError:意外标识符”Nvm它是jQuery版本。。。我现在觉得有点傻。无论如何，谢谢你抽出时间

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