easyui window窗口 随body的滚动条 滚动

问题描述: 当easyui window窗口弹出的时候,依然可以滚动body 的滚动条,而且window窗口也会随它一起滚动

思路:bootstrap 模态框弹出的时候,给body 添加了 .modal-open

.modal-open {

   overflow: hidden;

}

当模态框关闭的时候,remove  .modal-open

解决方法;

$(‘#trafficDetailWrap‘).window({
                    width: 600,
                    height: 400,
                    modal: true,
                    onBeforeClose: function () {
                        $(‘body‘).removeClass(‘modal-open‘);
                    }
});
$(‘body‘).addClass(‘modal-open‘);

  

原文地址:https://www.cnblogs.com/yigexiaojiangshi/p/9829128.html

时间: 2024-10-06 22:01:10

easyui window窗口 随body的滚动条 滚动的相关文章

jQuery EasyUI window窗口实例

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>jQuery EasyUI window窗口</title> <link rel="stylesheet" id="easyuiTheme" type="text/css" href="/themes/default/eas

SetWinEventHook 事件钩子(有些windows事件并没有消息对应,譬如弹出菜单,切换窗口,获得焦点,滚动条滚动等)good

相信消息钩子大家听的比较多,消息钩子能够在应用程序处理系统消息之前将其截获,提前处理并可以决定是否继续将消息往下传送,有些windows事件并没有消息对应,譬如弹出菜单,切换窗口,获得焦点,滚动条滚动等等,要截获这些事件可以使用SetWinEventHook,它的原型如下: HWINEVENTHOOK WINAPI SetWinEventHook(  __in  UINT eventMin,  __in  UINT eventMax,  __in  HMODULE hmodWinEventPro

第二百零三节,jQuery EasyUI,Window(窗口)组件

jQuery EasyUI,Window(窗口)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI 中 Window(窗口)组件的使用方法,这个组件依赖于 Panel(面 板)组件.resizable(调整大小)和 draggable(拖动)组件.这个组件扩展与 Panel 组件, 最大的优势就是调整大小和拖动以及内部布局. 一.加载方式 class 加载方式 <div id="box" class="easyui-w

EasyUI笔记(三)Window窗口

Window(窗口) 窗口控件是一个浮动和可拖拽的面板可以用作应用程序窗口.默认情况下,窗口可以移动,调整大小和关闭.它的内容也可以被定义为静态html或要么通过ajax动态加载. 1. 通过标签窗口窗口. <div id="win" class="easyui-window" title="My Window" style="width:600px;height:400px" data-options="ic

收派标准添加窗口制作 jQuery EasyUI window

如何用 easyui 制作窗口 ? 默认窗口自带四个按钮在窗口出现的时候,页面中内容不可操作(遮罩)?窗口在页面加载后,不显示?如何显示窗口? 原文地址:https://blog.51cto.com/13587708/2418481

Javascript学习--------认识window窗口对象

window对象: Window 对象表示浏览器中打开的窗口. 可以通过window对象设置窗口的大小,位置等. 还可以控制是否加载网页等. window对象集合: 集合 描述 frames[] 返回窗口中所有命名的框架. 该集合是 Window 对象的数组,每个 Window 对象在窗口中含有一个框架或 <iframe>.属性 frames.length 存放数组 frames[] 中含有的元素个数.注意,frames[] 数组中引用的框架可能还包括框架,它们自己也具有 frames[] 数

window窗口详解

窗口 在图形化的基于win32的应用程序,窗口是屏幕的矩形区域,应用程序显示输出并接收来自用户的输入,因此,一个图形化基于win32的应用程序的首要任务之一就是创建一个窗口. 窗口与其它窗口共享屏幕,[本事]包括来自其它应用程序的窗口,每次只有一个窗口可以接收来自用户的输入,用户可以使用鼠标.键盘或其它输入设备与此窗口以及拥有该窗口的应用程序进行交互. 关于窗口 这个概述描述了应用程序用来创建和使用窗口的编程单元:管理窗口之间的关系:以及大小.移动.和显示窗口:概述包括以下主题: 桌面窗口  

跟随滚动条滚动的div代码实例

跟随滚动条滚动的div代码实例:有时候我们希望当滚动网页滚动条的时候,div能够随着滚动条而滚动,这样就能够基本保持处于它相对于窗口所在的位置,下面是一段代码实例,基本实现了此功能,不过还是有不足之处,就是当拖动滚动条的时候,具有抖动的情况,也算差强人意吧.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author&quo

Javascript学习--------详解window窗口对象

对话框: 警告对话框:alert(): 语法:window.alert(src)或者alert(src); 询问回答对话框:confirm(): 语法:window.confrim(question)或者confrim(question); 单击确认,返回true: 单击取消,返回false 提示对话框:prompt(): 语法:window.prompt([showtxt],[defaultTxt])或者prompt([showtxt],[defaultTxt]); 单击确认,返回输入的文本: