2011-05-19 13 views
4

我試圖通過JavaScript函數將主體overflowY更改爲"hidden"。我已經嘗試了以下兩種方法:正在更改body.style.overflowY或X編程式

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

在這兩種情況下都不起作用。但是在這兩種情況下只使用overflow沒有X或Y工作正常!

有沒有辦法只更改overflowYoverflowX屬性?

+0

第二種方法是正確的。但是,使用多個瀏覽器進行測試時,document.body.style可能不兼容。 – 2011-05-19 13:38:45

回答

10

這兩種情況都應該可以在所有當前的瀏覽器中運行。我剛剛測試了Firefox 4,Chrome 11和IE 9,並且它們都正常工作。您正在測試的瀏覽器有一個錯誤,或者您的問題位於代碼中的其他位置;例如,在同一個塊中存在衝突的樣式聲明或錯誤的代碼。

工作實施例:http://jsfiddle.net/4dq64/

+1

風格也可能與另一種風格(來自其他地方)衝突 – 2011-05-19 13:39:38

+0

@Theo:剛剛添加。 – 2011-05-19 13:40:07