1. 首页
  2. 信息化
  3. IT管理
  4. 基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)

基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)

上传者: 2020-12-13 16:20:20上传 PDF文件 38.98KB 热度 7次
原理很简单: 获取当前屏幕(窗体)的宽度和高度,因为不同浏览器的窗体大小是不一样的。有了这个,可以计算出来垂直居中的坐标。但是滑动了滚动条怎么依然垂直居中呢?这个时候就要获取当前窗体距离页面顶部的高度,加到刚刚的y轴坐标即可。 $(document)是获取整个网页的,$(window)是获取当前窗体的,这个要搞清楚。 最后把获取的坐标赋给窗体即可,窗体本身是绝对定位的,所以自然可以到窗体中间。 具体代码: 代码如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv=”Content-Type” content=
下载地址
用户评论