如何获得一个对象的css高度属性，并添加20px

How to get css height property of an object and add 20px to it?

本文关键字：添加 20px 属性 高度 何获得 一个对象 css      更新时间：2023-09-26

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

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

如果您将top: '-20px'更改为top: '-=20px'，它将在每次点击时向下增加20px。将第二部分的top: '0'改为top: '+=20px'

你可以这样做:

var top = parseInt( $move.css('top') , 10) + 20;
$move.css('top', top+'px');
相关文章：