jquery实现弹出层完美居中效果
- 软件编程
- 2026-01-11 16:36:07
jquery实现弹出层完美居中效果
复制代码 代码如下:
showDiv($("#pop"));
function showDiv(obj){
$(obj).show();
center(obj);
$(window).scroll(function(){
center(obj);
});
$(window).resize(function(){
center(obj);
});
}
function center(obj){
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
var popupHeight = $(obj).height();
var popupWidth = $(obj).width();
$(obj).css({
"position": "absolute",
"top": (windowHeight-popupHeight)/2+$(document).scrollTop(),
"left": (windowWidth-popupWidth)/2
});
}
# center
# pop
# 弹出
# BR
# show
# var
# css
# jquery
# width
# span
# function
# nbsp
# position
# absolute
# obj
# window
# scroll
# resize
# windowWidth
# 弹出层
# jquery实现点击弹出层效果的简单实例
# jquery实现弹出层遮罩效果的简单实例
# showDiv
# jquery 弹出层实现代码
相关栏目:
【
教研文案 】
【
日常文案 】
【
AI模型 】
【
网络运营 】
【
营销推广 】
【
云计算 】
【
技术教程 】
【
软件编程 】
【
汉字学习 】
【
歌词歌曲 】
【
精选文章 】
相关推荐:
Android Studio实现简单音乐播放功能的示例代码
Python排序函数的使用方法详解
Java struts2 package元素配置及实例解析
python 实现性别识别
Android自定义View圆形图片控件代码详解
深入了解Vue3模板编译原理
Python 调用 ES、Solr、Phoenix的示例代码
C# winform中窗口关闭按钮的隐藏与禁用详解
Java学习教程之定时任务全家桶
Python中BeautifulSoup通过查找Id获取元素信息
java可以作为第一门编程语言学习吗
9个小技巧让你的Java if else看起来更优雅
java 使用poi 导入Excel数据到数据库的步骤
JS数据类型分类及常用判断方法
docker run之后状态总是Exited
接口自动化多层嵌套json数据处理代码实例
python3.9实现pyinstaller打包python文件成exe
对docker中的overlay式网络详解
Docker 容器生命周期 架构 以及和VM之间的差异详解
python实现启动一个外部程序,并且不阻塞当前进程
关于springmvc-servlet中的配置小知识详解
js实现简易计算器小功能
C语言单链表实现学生管理系统
JS实现可以用键盘方向键控制的动画
IntelliJ-Idea导出可执行Jar流程解析
C# double类型变量比较分析
C#窗体程序实现全屏及取消全屏步骤
C# 实现FTP上传资料的示例
使用BeautifulSoup4解析XML的方法小结
vue祖孙组件之间的数据传递案例
Python析构函数__del__定义原理解析
SpringBoot基于自定义注解实现切面编程
在docker下删除两个id相同的镜像的操作
浅析Activity启动模式
C语言 scanf输入多个数字只能以逗号分隔的操作
Java String的intern方法使用场景示例
10分钟学会js处理json的常用方法
更改Maven软件源为阿里云源的方法详解
Python ellipsis 的用法详解
解决docker指定udp端口号的问题
C# 中使用 Exceptionless的方法
python中scrapy处理项目数据的实例分析
Nginx tp3.2.3 404问题解决方案
详解C# List<T>的Contains,Exists,Any,Where性能对比
浅谈docker --privileged=true参数作用
Android 启动页白屏解决方案
安装多个jdk导致eclipse打不开问题解决方案
python中time、datetime模块的使用
vue中如何自定义右键菜单详解
Python getsizeof()和getsize()区分详解
本文转自网络,如有侵权请联系客服删除。
热门内容推荐
C#使用虚拟方法实现多态
- 2026-01-11
JavaScript原生对象之String对象的属性和方法详解
- 2026-01-11
js实现DOM走马灯特效的方法
- 2026-01-11
轻松创建nodejs服务器(1):一个简单nodejs服务器例子
- 2026-01-11
php实现微信公众平台账号自定义菜单类
- 2026-01-11
