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 相关文章推荐
javascript mouseover、mouseout停止事件冒泡的解决方案
Apr 07 Javascript
数组Array进行原型prototype扩展后带来的for in遍历问题
Feb 07 Javascript
js定义对象或数组直接量时各浏览器对多余逗号的处理(json)
Mar 05 Javascript
struts2+jquery组合验证注册用户是否存在
Apr 30 Javascript
javascript的动态加载、缓存、更新以及复用(一)
Jun 09 Javascript
如何调试异步加载页面里包含的js文件
Oct 30 Javascript
JS重载实现方法分析
Dec 16 Javascript
Node.js中.pfx后缀文件的处理方法
Mar 10 Javascript
JS async 函数的含义和用法实例总结
Apr 08 Javascript
使用element-ui +Vue 解决 table 里包含表单验证的问题
Jul 17 Javascript
在vue中使用Echarts利用watch做动态数据渲染操作
Jul 20 Javascript
JS中一些高效的魔法运算符总结
May 06 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在项目中寻找代码的坏味道(综艺命名)
2012/07/19 PHP
php文件扩展名判断及获取文件扩展名的N种方法
2015/09/12 PHP
在WordPress中获取数据库字段内容和添加主题设置菜单
2016/01/11 PHP
PHP实现加密文本文件并限制特定页面的存取的效果
2016/10/21 PHP
PHP使用GD库制作验证码的方法(点击验证码或看不清会刷新验证码)
2017/08/15 PHP
javascript radio 联动效果
2009/03/04 Javascript
js常用排序实现代码
2010/12/28 Javascript
Jquery 插件开发笔记整理
2011/01/17 Javascript
js屏蔽鼠标键盘(右键/Ctrl+N/Shift+F10/F11/F5刷新/退格键)
2013/01/24 Javascript
javasciprt下jquery函数$.post执行无响应的解决方法
2014/03/13 Javascript
JavaScript极简入门教程(二):对象和函数
2014/10/25 Javascript
jQuery+AJAX实现网页无刷新上传
2015/02/22 Javascript
javascript实现任务栏消息提示的简单实例
2016/05/31 Javascript
BootStrap智能表单实战系列(十一)级联下拉的支持
2016/06/13 Javascript
JS简单实现禁止访问某个页面的方法
2016/09/13 Javascript
Jquery实现上下移动和排序代码
2016/10/17 Javascript
vue中使用cropperjs的方法
2018/03/01 Javascript
JavaScript生成指定范围随机数和随机序列的方法
2018/05/05 Javascript
微信小程序实现红包功能(后端PHP实现逻辑)
2018/07/11 Javascript
mockjs+vue页面直接展示数据的方法
2018/12/19 Javascript
Vue 动态组件components和v-once指令的实现
2019/08/30 Javascript
python实现百度关键词排名查询
2014/03/30 Python
python创建线程示例
2014/05/06 Python
python字典的常用操作方法小结
2016/05/16 Python
python中将函数赋值给变量时需要注意的一些问题
2017/08/18 Python
在Python web中实现验证码图片代码分享
2017/11/09 Python
Python基于TCP实现会聊天的小机器人功能示例
2018/04/09 Python
Python制作exe文件简单流程
2019/01/24 Python
python 用户交互输入input的4种用法详解
2019/09/24 Python
TensorFlow低版本代码自动升级为1.0版本
2021/02/20 Python
Expedia印度:您的一站式在线旅游网站
2017/08/24 全球购物
德国在线香料制造商:Gewürzland
2020/03/10 全球购物
数组越界问题
2015/10/21 面试题
个人实习生的自我评价
2014/02/16 职场文书
2015年教师业务工作总结
2015/05/26 职场文书
为什么MySQL选择Repeatable Read作为默认隔离级别
2021/07/26 MySQL