オーバーレイdivが表示されているときに親のスクロールバーを非表示にする

Question

私はAjaxLinkを持つページを持っています。リンクをクリックすると、オーバーレイdivが親ページを含む読み込みイメージで表示されます。私は関連する例を見つけたhere。そして、それは完全に機能しています。私はAjaxButtonからケースをAjaxLinkに変更します。私のシナリオでは、ページにはデフォルトで垂直スクロールバーがあります。このスクロールバーは、垂直方向に拡張された大きなテーブルがあるため生成されます。オーバーレイdivが表示されたら、スクロールバーが表示されたままになります。私はそのスクロールバーを隠したい。だから私は試しました：

Mask.show = function(targetId) 
{ 
    var target=document.getElementById(targetId); 
    var mask=document.createElement("div"); 
    mask.innerHTML=" "; 
    mask.className="wicket-mask"; 
    mask.style.cursor="not-allowed"; 
    mask.style.zIndex="5000"; 
    mask.id="wicket_mask_"+targetId; 
    document.body.appendChild(mask); 
    Mask.offsetMask(mask); 

    var spinner=document.createElement("div"); 
    spinner.innerHTML=" "; 
    spinner.className="wicket-spinner"; 
    spinner.style.cursor="not-allowed"; 
    spinner.style.zIndex="6000"; 
    spinner.id="wicket_spinner_"+targetId; 
    document.body.appendChild(spinner); 
    Mask.centerSpinner(spinner); 

    // I have added this 
    document.body.style.overflow="hidden"; 
} 

/** 
Hides the mask and spinner 
*/ 
Mask.hide = function(targetId) 
{ 
    var mask=document.getElementById("wicket_mask_"+targetId); 
    if (mask!=null) { 
    mask.style.display="none"; 
    document.body.removeChild(mask); 
    } 
    var spinner=document.getElementById("wicket_spinner_"+targetId); 
    if (spinner!=null) { 
    spinner.style.display="none"; 
    document.body.removeChild(spinner); 
    } 

    // I have added this 
    document.body.style.overflow="auto"; 
} 

助けがありません。そのスクロールバーは表示されたままです。

このタイプの質問に関連する質問を別のウェブサイトから聞くことができるかどうかはわかりません。だから私は前に謝ります。

ありがとうございます。

Answer 1

どのブラウザをお使いですか？

これは、Internet Explorer Quarkモードの一部のバージョンの場合があると思われます。doctypeを「Standards Mode」に変更してみてください。

あなたがして試すことができます：IEはでは利用できないように私は、Firefox 4を使用していますが、DOCTYPE