jquery easyui滚动条窗口居中
来源:互联网 发布:qq for mac 10.8.5 编辑:程序博客网 时间:2024/06/07 17:55
转自:http://www.jb51.net/article/41347.htm
使用dialog插件时,默认是屏幕居中的,但是当页面出现滚动条时,dialog并没有随着滚动条往下滚动,这时就需要用户滑动滚动条来定位dialog,这不人性化,在说出解决方案前先来普及一下jquery关于定位的几个方法
复制代码 代码如下:
//获取浏览器显示区域的高度
$(window).height();
//获取浏览器显示区域的宽度
$(window).width();
//获取页面的文档高度
$(document.body).height();
//获取页面的文档宽度
$(document.body).width();
//获取滚动条到顶部的垂直高度
$(document).scrollTop();
//获取滚动条到左边的垂直宽度
$(document).scrollLeft();
ok,下面问题就很好处理了,移动dialog有现成的函数,不过dialog本身没有move函数,但是dialog是继承自panel的,panel有move函数,因此可以调用panel的move函数来移动dialog
复制代码 代码如下:
$('#dlg').dialog('open');
$("#dlg").panel("move",{top:$(document).scrollTop() + ($(window).height()-250) * 0.5});
其中 $(window).height()-250,这里250px是dialog的宽度。 ----这个地方我自己试验的是高度 不是宽度
0 1
- jquery easyui滚动条窗口居中
- easyui 窗口 滚动条 固定位置显示
- jquery easyui滚动条部分设置
- jquery easyui滚动条部分设置介绍
- Jquery EasyUI Tabs出现滚动条
- jquery 实现div随滚动条垂直居中
- jquery 弹出框 当前页面 居中(有滚动条)
- JQuery easyui accordion 单击再显示滚动条丢失问题
- jQuery EasyUI 没有数据时添加滚动条
- easyUI 滚动条
- easyui 滚动条
- jquery判断滚动条是否到达窗口顶部和底部
- Jquery获取窗口,浏览器,滚动条高度方法
- 页面纵向滚动条居中
- 无滚动条窗口
- 窗口滚动条
- easyUI默认出现滚动条
- easyUI layout的滚动条
- Understanding Weak References
- 多线程问题总结
- Visual Studio 2013 无法启动 IIS Express 的解决办法
- STL案例代码
- js中url传多个变量可以?[随机汉字6位]
- jquery easyui滚动条窗口居中
- 学习计算机算法的人是幸福的
- 学习计划
- 隐私声明
- 错误提示:undefined reference to `pthread_create'
- 第六章数组 第一题
- java反射机制初步认识<二>获取并执行方法
- vs2010 按运行时不自动编译已经改变的直接运行先前的项目
- 三个实例演示 Java Thread Dump 日志分析