如何获取对象的css高度属性并添加20px？

Question

我正在使用带有向上/向下滚动按钮的自定义导航栏。这些按钮应移动无序列表的内容以按预期显示/隐藏项目。我在这里部分工作：

http://jsfiddle.net/PTSkR/96/

虽然它目前仅适用于一个项目，因为我绝对设置位置。我怎样才能抓住css'top'属性，只需将20px添加到以前的状态？

代码：

$('.down').click(function () {
    var $move = $('.side-study-box ul');
    $move.css({
        top: '-20px'
    })
})

$('.up').click(function () {
    var $move = $('.side-study-box ul');
    debugger;
    $move.css({
        top: '0'
    })
})

Answer 1

如果您将top: '-20px'更改为top: '-=20px'，则每次点击都会增加20px。而不是第二部分中的top: '0'，而是将其更改为top: '+=20px'。

Answer 2

您可以这样做：

var top = parseInt( $move.css('top') , 10) + 20;
$move.css('top', top+'px');