jquery - Jquery 无法识别变量

Question

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

原来的值是这样设置的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".