编程语言
首页 > 编程语言> > javascript-IE7模式对话框滚动条重叠的内容

javascript-IE7模式对话框滚动条重叠的内容

作者：互联网

这是令人反感的代码.要对其进行测试,请将其保存在名为“ test.html”的文件中,然后单击左上角的按钮.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
 <head>
  <title>Blarg</title>
  <style type='text/css'>
    body { margin: 20px; }
    #test { background: red; height: 2000px; }      
  </style>    
 </head>

 <body>
  <div id="test"><input type='button' onclick="javascript:window.showModalDialog('test.html', window, 'dialogWidth: 300px; resizable: yes;');" /></div>  
 </body>
</html>

如果我在正常的IE7窗口中打开页面,则效果很好.

但是,如果我在IE7模态对话框中打开它,它将在边距顶部绘制垂直滚动条.更糟糕的是,因为它在边缘上绘制了滚动条,所以还导致了水平滚动条的绘制.

我该如何解决？我绝对必须使用IE模态对话框,我不能随意更改它.

解决方法:

更改您的window.showModalDialog选项,以使用width：300px而不是dialogWidth：300px-水平滚动条消失,垂直滚动条在页边距右边.

标签：modal-dialog,scrollbar,internet-explorer-7,css,javascript
来源： https://codeday.me/bug/20191024/1921166.html