1

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

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'
    })
})
4

2 回答 2

9

如果您更改top: '-20px'top: '-=20px'每次点击,它将减少 20 像素。而不是top: '0'在第二部分中,将其更改为top: '+=20px'.

于 2013-05-31T15:37:45.840 回答
-1

你可以这样做:

var top = parseInt( $move.css('top') , 10) + 20;
$move.css('top', top+'px');
于 2013-05-31T15:39:24.080 回答