Javascript 以编程方式更改body.style.overflowY或X

我试图通过JavaScript函数将主体

overflowY

更改为

“hidden”

。我尝试了以下两种方法：

document.body.style['overflow-y'] = 'hidden';
document.body.style.overflowY = "hidden";

在这两种情况下，它都不起作用。但是，在这两种情况下，只使用

溢出

而不使用X或Y就可以了

---

是否有方法仅更改

overflowY

或

overflowX

属性？

这两种情况都应适用于所有当前浏览器。我刚刚测试了Firefox4、Chrome11和IE9，它们都运行良好。您正在测试的浏览器有一个bug，或者您的问题存在于代码的其他地方；例如，同一块中的冲突样式声明或错误代码

---

工作示例：

第二种方法是正确的。但是，请使用多个浏览器进行测试，document.body.style可能不兼容。该样式也可能与其他样式冲突（来自其他地方）@Theo:正准备添加该样式。