jqueryeasyui滚动条部分设置介绍
设置 介绍 部分 滚动条 JqueryEasyUI
2023-06-13 09:15:05 时间
在使用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的宽度。
相关文章
- 设置pip源
- DNS服务器设置正确,DNS服务器配置(DNS各属性详细介绍)[通俗易懂]
- 服务器系统防盗,Windows系统中IIS防盗链设置详细介绍Windows服务器操作系统 -电脑资料…
- GRUB多操作系统启动程序介绍与设置使用
- Linux禁止/开启Ping服务-设置sysctl.conf
- 我的世界显示服务器领地指令,我的世界领地指令介绍 我的世界领地指令怎么设置…
- PyQt5可编辑下拉框(comboBox):editable - python TCP服务器v1.5 - 客户端连接界面增加自定义参数(设置超时, 连接地址可选)
- WPJAM Basic 详细介绍:一键优化 WordPress 文章设置和操作
- Oracle的RBO和CBO详细介绍和优化模式设置方法
- MySQL 大小写转换:一次性解决难题(mysql大小写设置)
- 管理Linux下用户权限管理:创建用户、设置权限(linux创建用户和权限)
- 大润发郑州门店设置临时庇护所 免费提供应急物资
- MySQL:简易指南 – 如何设置密码登录(mysql设置密码登录)
- Oracle自增字段设置方法介绍(oracle设置字段自增)
- 如何在 Fedora 30 中设置内核命令行参数
- MySQL列字符集设置介绍(mysql列字符集)
- 掌握技巧:macOS全局代理设置一步到位(macos全局代理)
- 设置及修改方法(mysql默认时间)
- Linux下Curl实现简便的代理设置(linuxcurl代理)
- MySQL数据库主键设置方法介绍与注意事项(mysql中主码怎么设置)
- Oracle全局服务名称设置与管理(oracle全局服务名)
- 动Redis设置开机自启动的步骤(如何把redis开机自启)
- Apache负载均衡设置方法mod_proxy使用介绍
- 内核线程优先级设置的方法介绍
- JSgetAttribute和setAttribute(取得和设置属性)的使用介绍
- 设置php页面编码的两种方法示例介绍
- php中session过期时间设置及session回收机制介绍
- 用js格式化金额可设置保留的小数位数