jQuery로 위쪽 및 아래쪽 위치에 애니메이션 적용

Question

jQuery로 애니메이션을 적용하려고합니다. 꽤 많이 내 코드의 http://jsfiddle.net/g8mQu/

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

는 그것은이 데모에서 작동하지만 나는 부트 스트랩 프레임 워크 사이트에이를 구현하기 위해 노력하고있어. 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"); 
});