jquery easyui滚动条部分设置介绍


Posted in Javascript onSeptember 12, 2013

在使用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的宽度。
Javascript 相关文章推荐
jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果
Aug 24 Javascript
jquery禁用右键单击功能屏蔽F5刷新
Mar 17 Javascript
基于jquery实现智能提示控件intellSeach.js
Mar 17 Javascript
jquery对dom节点的操作【推荐】
Apr 15 Javascript
vue构建单页面应用实战
Apr 10 Javascript
vue.js选中动态绑定的radio的指定项
Jun 02 Javascript
vue组件实现文字居中对齐的方法
Aug 23 Javascript
jquery实现搜索框功能实例详解
Jul 23 jQuery
js中getter和setter用法实例分析
Aug 14 Javascript
JS实现集合的交集、补集、差集、去重运算示例【ES5与ES6写法】
Feb 18 Javascript
Vue中通过Vue.extend动态创建实例的方法
Aug 13 Javascript
Vue和React有哪些区别
Sep 12 Javascript
jquery实现盒子下拉效果示例代码
Sep 12 #Javascript
利用jquery包将字符串生成二维码图片
Sep 12 #Javascript
JQuery实现鼠标滑过显示导航下拉列表
Sep 12 #Javascript
JQuery加载图片自适应固定大小的DIV
Sep 12 #Javascript
JS鼠标滑过图片时切换图片实现思路
Sep 12 #Javascript
jQuery实现图片放大预览实现原理及代码
Sep 12 #Javascript
jquery foreach使用示例
Sep 12 #Javascript
You might like
PHP5 安装方法
2006/10/09 PHP
php读取flash文件高宽帧数背景颜色的方法
2015/01/06 PHP
php实现图片按比例截取的方法
2017/02/06 PHP
自己实现ajax封装示例分享
2014/04/01 Javascript
Javascript基础教程之定义和调用函数
2015/01/18 Javascript
JS实现仿苹果底部任务栏菜单效果代码
2015/08/28 Javascript
适用于javascript开发者的Processing.js入门教程
2016/02/24 Javascript
javascript实现简易计算器的代码
2016/05/31 Javascript
JavaScript中的this使用详解
2016/07/27 Javascript
jQuery组件easyui基本布局实现代码
2016/08/25 Javascript
AngularJS 验证码60秒倒计时功能的实现
2017/06/05 Javascript
JS创建Tag标签的方法详解
2017/06/09 Javascript
如何理解Vue的render函数的具体用法
2017/08/30 Javascript
javaScript实现复选框全选反选事件详解
2020/11/20 Javascript
Vue 兄弟组件通信的方法(不使用Vuex)
2017/10/26 Javascript
Vue全家桶实践项目总结(推荐)
2017/11/04 Javascript
Node.js模拟发起http请求从异步转同步的5种用法
2018/09/26 Javascript
详解Vue中watch对象内属性的方法
2019/02/01 Javascript
[06:36]吞吞映像top1
2014/06/20 DOTA
python实现随机调用一个浏览器打开网页
2018/04/21 Python
python并发编程多进程之守护进程原理解析
2019/08/20 Python
Django框架下静态模板的继承操作示例
2019/11/08 Python
Jupyter Notebook的连接密码 token查询方式
2020/04/21 Python
python框架flask入门之路由及简单实现方法
2020/06/07 Python
Django Session和Cookie分别实现记住用户登录状态操作
2020/07/02 Python
简单了解python关键字global nonlocal区别
2020/09/21 Python
python Paramiko使用示例
2020/09/21 Python
受外贸欢迎的美国主机:BlueHost
2017/05/16 全球购物
Clarks其乐鞋荷兰官网:Clarks荷兰
2019/07/05 全球购物
顶撞老师检讨书
2014/02/07 职场文书
财务会计专业自荐书
2014/06/30 职场文书
2014年国庆节演讲稿
2014/09/02 职场文书
计算机实训报告范文
2014/11/05 职场文书
2015年底工作总结范文
2015/05/15 职场文书
反邪教教育心得体会
2016/01/15 职场文书
python中的sys模块和os模块
2022/03/20 Python