社区 学习 工具库 休闲
搜索
简体中文
首页 > web前端 > js教程 > 正文

jQuery弹出层始终垂直居中相对于屏幕或当前窗口_jquery

WBOY
发布： 2016-05-16 17:38:38
原创
1223 人浏览过

弹出层永远是一个前端必须搞定的东西，一般情况下，如果弹出层有固定的高和宽，用样式即可搞定，但是如果碰到没有固定高或者固定宽或者固定高和宽的时候，我们就需要用JS去处理，去动态获取当前窗口高或者宽；今天弄了2种情况，一个是相对于屏幕窗体，一个是相对于当前的窗口，看代码，或许对你有用：

复制代码 代码如下:





无标题文档


//浏览器窗口垂直居中

//当前窗口垂直居中







我是当前窗口啊我是当前窗口啊我是当前窗口啊我是当前窗口啊我是当前窗口啊我是当前窗口啊
我是当前窗口啊我是当前窗口啊我是当前窗口啊
我是当前窗口啊我是当前窗口啊我是当前窗口啊
我是当前窗口啊我是当前窗口啊我是当前窗口啊
我是当前窗口啊我是当前窗口啊我是当前窗口啊

我是当前窗口啊我是当前窗口啊我是当前窗口啊我是当前窗口啊
我是弹出窗口1111啊
我是弹出窗口1111啊
我是弹出窗口1111啊
我是弹出窗口1111啊
我是弹出窗口1111啊
我是弹出窗口1111啊
我是弹出窗口1111啊

我是弹出窗口2222啊
我是弹出窗口2222啊
我是弹出窗口2222啊
我是弹出窗口2222啊
我是弹出窗口2222啊




相关标签：
垂直居中 屏幕 弹出层
来源：php.cn
上一篇：UpdatePanel和Jquery冲突的解决方法_jquery 下一篇：select标记美化--JS式插件、后期加载_表单特效
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
即使清除后，我的文件输入的值仍然保留 正如您在屏幕截图中看到的那样。我选择一个文件，保留弹出窗口而不刷新页面，然后再次打开它，文件输入仍然是我选择的文件。<inputid="fileuploadbann...
来自于 2024-04-06 15:44:52
0
1
384
"waitForSelector"在元素可见前超时等待，尽管元素在屏幕上 我正在构建一个结账机器人，但是在处理那些愚蠢的“输入手机号码以接收短信”的弹窗时遇到了麻烦，我告诉机器人要点击的元素出现在屏幕上，但机器人却不点击它。这是我第一个使用JavaScr...
来自于 2024-04-04 18:31:08
0
1
1416
截取Zoom URL的Cypress测试 我有一个测试用例，最终会重定向到一个Zoom链接。我试图避免浏览器弹出“打开zoom.us”对话框，以便我可以正确地完成测试，并验证浏览器确实尝试打开Zoom链接，而不会挂起浏览器...
来自于 2024-04-04 16:16:37
0
1
340
更改 LAN 安装 IP 后，Authserver'无法连接”'主机 xxxxx 未授权” 在裸机Windows10安装上使用默认Windows安装说明。我让服务器运行了。重申一下：到目前为止，这仅使用默认值；没有变化。我可以使用现有的3.3.5客户端从另一台计算机登录，...
来自于 2024-04-04 15:06:41
0
1
374
使用鼠标悬停事件显示飞出菜单 我有一个弹出菜单，我试图使用鼠标悬停事件来切换它，但它似乎没有按预期工作。我尝试通过像这样定位div来使用CSS悬停事件：.hero-list-blocka:hover+.flyo...
来自于 2024-04-03 15:14:43
0
1
416
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板