JQUERY onClick更改'top'属性

Question

我正在尝试使用jquery创建一个垂直滚动条,我的代码遇到麻烦..

function scrolldown() {     
    var newtop = $('.scroll-content').css('top') + '250';   
    $('.scroll-content').css({top: newtop});
}

css:

.scroll-content {position:absolute; top:0px}

没有CSS的问题我可以在firebug中更改值并且工作正常,但代码是问题.我希望它添加250px到当前值,但它不起作用,当使用.html(newtop)我可以看到"顶部"值的输出是0px250 ...任何想法我做错了什么？

Answer 1

$('.scroll-content').css('top')

将返回类似"123px"的内容,这是一个字符串(由于"px").如果你添加"250",你有"123px250",这不是你想要的......

试试这个:

var newtop = $('.scroll-content').position().top + 250;
$('.scroll-content').css('top', newtop + 'px');