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 函数式编程的原理
Oct 16 Javascript
JavaScript 空位补零实现代码
Feb 26 Javascript
jquery 日期控件datepicker属性详细解析
Nov 08 Javascript
javascript获取url上某个参数的方法
Nov 08 Javascript
JavaScript动态提示输入框输入字数的方法
Jul 27 Javascript
js跨域请求数据的3种常用的方法
Dec 01 Javascript
Mvc提交表单的四种方法全程详解
Aug 10 Javascript
js原生Ajax的封装和原理详解
Mar 11 Javascript
工作中常用到的ES6语法
Sep 04 Javascript
vue路由跳转传参数的方法
May 06 Javascript
vue框架中props的typescript用法详解
Feb 17 Javascript
js实现随机圆与矩形功能
Oct 29 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实现文件上传二法
2006/10/09 PHP
我整理的PHP 7.0主要新特性
2016/01/07 PHP
thinkPHP5.0框架自动加载机制分析
2017/03/18 PHP
POST一个JSON格式的数据给Restful服务实例详解
2017/04/07 PHP
Extjs 几个方法的讨论
2010/01/28 Javascript
浅谈nodeName,nodeValue,nodeType,typeof 的区别
2015/01/13 Javascript
jquery使用ul模拟select实现表单美化的方法
2015/08/18 Javascript
基于jquery实现一个滚动的分步注册向导-附源码
2015/08/26 Javascript
animate 实现滑动切换效果【实例代码】
2016/05/05 Javascript
js 自带的 map() 方法全面了解
2016/08/16 Javascript
原生js实现焦点轮播图效果
2017/01/12 Javascript
详谈js遍历集合(Array,Map,Set)
2017/04/06 Javascript
集成vue到jquery/bootstrap项目的方法
2018/02/10 jQuery
jQuery实现模糊搜索功能的方法分析
2018/06/29 jQuery
微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)
2018/08/22 Javascript
详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)
2018/11/12 Javascript
ES7之Async/await的使用详解
2019/03/28 Javascript
Preload基础使用方法详解
2020/02/03 Javascript
Vue 中 template 有且只能一个 root的原因解析(源码分析)
2020/04/11 Javascript
vue实现信息管理系统
2020/05/30 Javascript
jQuery实现视频展示效果
2020/05/30 jQuery
[01:38]完美世界DOTA2联赛(PWL)宣传片:第一站
2020/10/26 DOTA
python uuid模块使用实例
2015/04/08 Python
Python实现定时任务
2017/02/08 Python
Python中的错误和异常处理简单操作示例【try-except用法】
2017/07/25 Python
使用sklearn进行对数据标准化、归一化以及将数据还原的方法
2018/07/11 Python
Python 编程速成(推荐)
2019/04/15 Python
django的聚合函数和aggregate、annotate方法使用详解
2019/07/23 Python
Python 从subprocess运行的子进程中实时获取输出的例子
2019/08/14 Python
python如何保证输入键入数字的方法
2019/08/23 Python
Python常用数字处理基本操作汇总
2020/09/10 Python
Weblogc domain问题
2014/01/27 面试题
简短的公司员工自我评价分享
2013/11/13 职场文书
毕业生的自我鉴定该怎么写
2013/12/02 职场文书
2016年社区综治宣传月活动总结
2016/03/16 职场文书
正则表达式拆分url实例代码
2022/02/24 Java/Android