当前位置: 代码迷 >> Web前端 >> 模态对话框没有滚动条解决办法
  详细解决方案

模态对话框没有滚动条解决办法

热度:202   发布时间:2012-07-19 16:02:19.0
模态对话框没有滚动条解决方法

1、ie8 F12 调试,选中body标签。发现body的样式

body{
?? overflow: hidden;
??}

?

该样式处在导入的left.css 文件中

?

解决:在导入的语句<link href="<%=path %>/css/left.css" rel="stylesheet" type="text/css" />

下面加(在上面不行,会被覆盖和js的方法的覆盖方式有点不同

?

<style type="text/css">
??<!--
??.??body{
?? overflow: scroll;
??}
??-->
?</style>

2、代开模式窗口的js代码参考:带scroll=yes?


?function search(e){
?? var fixPositionName=$("#fixPositionName").val();
?? openOptionPage("developFixPositionSearch.action?urlEncoder=true&fixPositionName="+encodeURIComponent(fixPositionName),e,120,300);
?}
?
?
?function openOptionPage(url,e,width,height)
?{
?? var t = e.offsetTop;
?? var l = e.offsetLeft;
?? while (e = e.offsetParent)
?? {
???? t += e.offsetTop;
???? l += e.offsetLeft;
?? }
?? var x = window.screenLeft + l;
?? var y = window.screenTop + t + 22;
?? var p = 'dialogWidth='+width+'px;dialogHeight:'+height+'px;dialogLeft:' + x + ';dialogTop:' + y + ';resizable:yes;scroll:yes;status=yes';
?? window.showModalDialog(url,window,p);
?}

?

  相关解决方案