`
zhouchaofei2010
  • 浏览: 1104349 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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

 
阅读更多

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);
 }

 

分享到:
评论

相关推荐

    程序中的的对话框有滚动条

    在文件www.pudn.com.txt中,可能包含了关于如何在特定编程环境中实现对话框滚动条的代码示例或教程。PicView则可能是一个包含滚动条功能的图片查看程序的源代码,可以作为学习滚动条实现的参考。 总的来说,对话框...

    利用JavaScript创建模态非模态对话框

    /* 添加滚动条,如果内容超出对话框 */ background-color: rgba(0,0,0,0.4); /* 黑色半透明背景 */ } .modal-content { background-color: #fefefe; margin: auto; /* 居中 */ padding: 20px; border: 1px ...

    这是一个关于对话框滚动条的范例

    对话框滚动条的实现则为对话框添加了可滚动区域,使得当对话框内容过多无法一次性展示时,用户可以通过滚动条查看或操作隐藏的内容。 对话框滚动条的实现主要涉及以下几个关键知识点: 1. **对话框模板**:对话框...

    优雅完整和轻量级的模态对话框jQuery插件

    如果模态框需要展示的内容过多,无法一次性完全显示,iziModal可以自动调整大小以适应内容,甚至支持滚动条,确保所有信息都能被用户查看到。这尤其适用于展示详细信息或者长篇文章的情况。 在使用iziModal时,...

    JavaScript 实现模态对话框 源代码大全

    在浏览器端,可以通过JavaScript提供的两种方法来实现模态对话框和非模态对话框,分别是`window.showModalDialog()`和`window.showModelessDialog()`。 **window.showModalDialog()方法**用于创建模态对话框。该...

    jQuery模态弹出层对话框,Dialog,可关闭.rar

    非模态对话框 new Dialog(‘非模态对话框,可以打开多个.,{modal:false}).show(); 自动关闭 new Dialog(‘5秒后自动关闭‘,{time:5000}).show(); 非fixed模式 new Dialog(‘对话框不随滚动条移动‘,{fixed:false})...

    利用javascript打开模态对话框(示例代码)

    这个方法提供了一个弹出窗口的模态对话框,它可以通过参数设置窗口的宽度、高度、是否允许滚动条、地址栏等属性。示例代码如下: ```javascript function openWin(src, width, height, showScroll) { window....

    这是一个关于滚动条和对话框的范例

    非模态对话框允许用户在对话框打开的同时操作主窗口,而模态对话框会阻止用户与主窗口的其他部分进行交互,直到对话框关闭。常见的对话框类型有消息框(用于显示通知或确认操作)、输入框(让用户输入数据)、选项...

    ModelDialog.zip

    总结来说,"ModelDialog.zip"这个项目提供了关于Java GUI编程中模态和非模态对话框的实例,特别是涉及JDialog、JTextArea的使用,以及如何处理对话框的返回值和滚动条的控制。通过这个项目,开发者可以学习到如何在...

    javascript showModalDialog模态对话框使用说明

    举例来说,使用以下代码可以打开一个宽度为500px、高度为400px,且不带滚动条的模态对话框: ```javascript window.showModalDialog('dialog.html', '', 'dialogWidth:500px;dialogHeight:400px;scroll:no'); ``` 2...

    VC文件读写、滚动条、弹出对话窗绘图例程

    CDialog::DoModal()方法用于显示模态对话框,而CDialog::OnInitDialog()通常用于初始化对话框。在OnPaint()中,你可以利用CDC类的绘图函数,如DrawText(), MoveTo(), LineTo()等,来绘制图形或文本。这个示例可能...

    js实现div模拟模态对话框展现URL内容

    在提供的代码中,`sAlert`函数是用于创建和展示模态对话框的主要方法。这个函数首先定义了一些变量,如窗口的宽度(msgw)、高度(msgh)、边框颜色(bordercolor)等,以定制对话框的外观。 接着,创建了一个名为`...

    JS对话框_JS模态对话框showModalDialog用法总结

    在JavaScript中,showModalDialog是一个非常实用的内置方法,用于创建和管理模态对话框。本文将对showModalDialog方法的使用进行详细介绍。 首先,我们来看showModalDialog的基本语法。该方法允许我们在一个弹出...

    showModalDialog模态对话框的使用详解以及浏览器兼容

    `showModalDialog`是JavaScript中`window`对象的一个方法,用于打开一个模态对话框,即新打开的窗口会阻止用户与父窗口的交互,直到该对话框被关闭。这与`window.open`方法不同,后者打开的新窗口并不会阻止用户在父...

    MFC对话框实例简单教程

    常见的控件有静态文本、图片、编辑框、命令按钮、检查框、单选按钮、组框、列表框、组合框和滚动条等。这些控件通常作为对话框的子窗口存在,由各自的MFC控件类(如CStatic、CEdit、CButton等)进行封装,它们都是...

    javascript弹出对话框总结

    例如,要打开一个宽400像素,高100像素的新窗口,不显示菜单栏、工具栏、地址栏、状态栏,但有滚动条和可调整大小,可以这样写: ```javascript window.open('', '_blank', 'width=400,height=100,menubar=no,...

    HTML5响应式模态框(模态对话框).zip

    HTML5响应式模态框,或称为模态对话框,是网页设计中一个重要的交互元素。在现代网页开发中,模态框常用于显示额外信息、提示用户确认操作或者提供表单输入,而不中断主页面的流程。这种设计模式允许用户在不离开...

    JS打开模式对话框

    - `scroll`:是否显示滚动条,默认为yes。 - `dialogHide`、`edge` 和 `unadorned`:主要用于HTA(HTML应用程序),在常规网页中较少使用。 4. **参数传递**: - `vArguments` 可以传递任何类型的数据,如字符串...

    模态窗口和非模态窗口

    改变对话框外观,可以调整`sOrnaments`中的其他属性,如`edge`可以设置边框样式(`sunken`或`raised`),`resizable`决定是否可调整大小,`scroll`控制是否显示滚动条等。 数据传递方面,`vFreeArgument`参数允许...

Global site tag (gtag.js) - Google Analytics