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 相关文章推荐
CLASS_CONFUSION JS混淆 全源码
Dec 12 Javascript
jQuery+CSS 实现的超Sexy下拉菜单
Jan 17 Javascript
JavaScript Event学习第三章 早期的事件处理程序
Feb 07 Javascript
javascript中的onkeyup和onkeydown区别介绍
Apr 28 Javascript
解析jquery中的ajax缓存问题
Dec 19 Javascript
javascript二维数组转置实例
Jan 22 Javascript
jQuery给多个不同元素添加class样式的方法
Mar 26 Javascript
原生JS实现平滑回到顶部组件
Mar 16 Javascript
Webpack常见静态资源处理-模块加载器(Loaders)+ExtractTextPlugin插件
Jun 29 Javascript
AnglarJs中的上拉加载实现代码
Feb 08 Javascript
微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示功能的实现
Jul 22 Javascript
微信小程序实现签到弹窗动画
Sep 21 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
php 将字符串按大写字母分隔成字符串数组
2010/04/30 PHP
prototype 学习笔记整理
2009/07/17 Javascript
IE6、IE7中获取Button元素的值的bug说明
2011/08/28 Javascript
javascript设置连续两次点击按钮时间间隔的方法
2014/10/28 Javascript
如何利用Promises编写更优雅的JavaScript代码
2016/05/17 Javascript
AngularJS ng-repeat数组有重复值的解决方法
2016/10/23 Javascript
javascript实现获取指定精度的上传文件的大小简单实例
2016/10/25 Javascript
原生js实现焦点轮播图效果
2017/01/12 Javascript
nodejs(officegen)+vue(axios)在客户端导出word文档的方法
2018/07/31 NodeJs
JavaScript创建对象的四种常用模式实例分析
2019/01/11 Javascript
js实现简单页面全屏
2019/09/17 Javascript
[14:25]教你分分钟做大人:主宰(HEROS)
2014/12/08 DOTA
Python实现简易端口扫描器代码实例
2017/03/15 Python
python实现一个简单的udp通信的示例代码
2019/02/01 Python
python创造虚拟环境方法总结
2019/03/04 Python
Python 图像处理: 生成二维高斯分布蒙版的实例
2019/07/04 Python
python用win32gui遍历窗口并设置窗口位置的方法
2019/07/26 Python
pyenv与virtualenv安装实现python多版本多项目管理
2019/08/17 Python
Python函数的返回值、匿名函数lambda、filter函数、map函数、reduce函数用法实例分析
2019/12/26 Python
dpn网络的pytorch实现方式
2020/01/14 Python
python数字类型math库原理解析
2020/03/02 Python
python shapely.geometry.polygon任意两个四边形的IOU计算实例
2020/04/12 Python
pyecharts动态轨迹图的实现示例
2020/04/17 Python
Python设计密码强度校验程序
2020/07/30 Python
PUMA澳大利亚官方网站:德国运动品牌
2018/10/19 全球购物
Ancheer官方户外和运动商店:销售电动自行车
2019/08/07 全球购物
STRATHBERRY苏贝瑞包包官网:西班牙高级工匠手工打造
2020/11/10 全球购物
简历中自我评价分享
2013/10/09 职场文书
2014的自我评价
2014/01/13 职场文书
一年级数学上册复习计划
2015/01/17 职场文书
留学推荐信中文范文
2015/03/26 职场文书
物业接待员岗位职责
2015/04/15 职场文书
博士论文答辩开场白
2015/06/01 职场文书
领导干部学习三严三实心得体会
2016/01/05 职场文书
Python实现单例模式的5种方法
2021/06/15 Python
SSM VUE Axios详解
2021/10/05 Vue.js