Jquery不会识别变量

Question

我有一些属性，我试图用jquery中的.css更改但由于某种原因代码不起作用。括号有问题吗？

将原始值设置为padding: 40px 0 0;

这是更改上述值的jquery：

var header = $('#main'),
    padding = '40px';

$(window).scroll(function() {
    if ($(this).scrollTop() <= padding / 2) {
        header.css({
            'padding-top': -($(this).scrollTop() - padding) + "px",
            'padding-bottom': -($(this).scrollTop() - padding) + "px"
        });

Answer 1

以下行不会产生明智的结果

if ($(this).scrollTop() <= padding / 2) {

padding是一个字符串。我不知道"40px" / 2会是什么，但我怀疑javascript会使它成为20px。填充为整数，并将其更改为(padding / 2) + "px"。