我正在开发带有上/下滚动按钮的自定义导航栏。这些按钮应该移动无序列表的内容以按预期显示/隐藏元素。我在这里部分工作:
虽然它目前只适用于一个元素,因为我正在绝对设置位置。我怎样才能获取 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'
。
关于javascript - 如何获取对象的 css height 属性并向其添加 20px?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16860967/