如何定义overflow-y？

Question

我不明白为什么它不喜欢我的overflow-y语法？

function show_modal(target){
    $(target).modal({
        backdrop: true,
        keyboard: true
    }).css({
        width: 'auto',
        overflow-y: 'hidden',
        'margin-left': function () {
            return -($(this).width() / 2);
        }
    });
    $(target).modal('show');
}

Answer 1

DOM将CSS属性公开为自己的camelcased版本。请尝试使用overflowY。

作为一般说明，要将连字符放在对象键名中，您需要使用引号：

{
    "width": 'auto',
    "overflow-y": 'hidden',
    "margin-left": function () {
        return -($(this).width() / 2);
    }
}

我不确定jQuery是否会自动将CSS名称映射到相应的DOM版本，因此最好使用overflowY代替。

正如Chris Heald指出的那样，jQuery确实接受了连字符属性名称以及驼峰属性名称，因此overflow-y（假设您使用引号）或overflowY之一应该有效。

Answer 2

overflow-y溢出减去y，这是一个语法错误，因为对象文字的关键部分必须是标识符，字符串文字，或数字文字，而不是表达式。要使用overflow-y属性，可以将属性名称引用到字符串文字中，如下所示：'overflow-y': 'hidden',