如何獲得一個對象的CSS高度屬性並添加20px到它？

我正在使用向上/向下滾動按鈕的自定義導航欄。這些按鈕應該移動無序列表的內容以按預期方式顯示/隱藏項目。我有這個部分在這裏工作：如何獲得一個對象的CSS高度屬性並添加20px到它？

雖然目前只有一個項目工作，因爲我設置的位置絕對。我怎樣才能抓住CSS的'頂級'屬性，只需添加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' 
    }) 
})

來源

2013-05-31 RobVious

嘗試'$ move.css（{頂： '+ = 20'}）'和'$ move.css（{頂： ' - = 20' }） - http://jsfiddle.net/kvfFv/ –

@Vega你的小提琴不適合我在鉻，任何想法爲什麼？ – RobVious

如果更改top: '-20px'到top: '-=20px'將每次點擊增加下降20像素。在第二部分代替top: '0'，將其更改爲top: '+=20px'。

來源

2013-05-31 15:37:45

並將up函數更改爲'+ = 20px'而不是0 – bluetoft

謝謝 - 剛剛嘗試過，但它在Chrome中不適用於我：/ http://jsfiddle.net/kvfFv/1/ – RobVious

@RobVious您需要設置'.side-study-box ul'有一個CSS屬性'top：0;'讓它工作。請看這裏：http://jsfiddle.net/PTSkR/104/ –

-1

你可以做這樣的事情：

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

來源

2013-05-31 15:39:24 Nelson

如何獲得一個對象的CSS高度屬性並添加20px到它？

回答

相關問題