首页 web前端 js教程 jQuery弹出层始终垂直居中相对于屏幕或当前窗口_jquery

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

May 16, 2016 pm 05:38 PM
垂直居中 屏幕 弹出层

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

复制代码 代码如下:





无标题文档


//浏览器窗口垂直居中

//当前窗口垂直居中







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

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

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




本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
4 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

html网页制作图片怎么居中 html网页制作图片怎么居中 Apr 05, 2024 pm 12:18 PM

在 HTML 中,将图片居中对齐有两种方法:使用 CSS:margin: 0 auto; 将图片水平居中,display: block; 使其占据整个宽度。使用 HTML:<center> 元素将图片水平居中,但灵活性较低,不符合最新 Web 标准。

dreamweaver怎么调整文字位置 dreamweaver怎么调整文字位置 Apr 09, 2024 am 02:24 AM

Dreamweaver 中调整文本位置可以通过以下步骤完成:选择文本,使用文本位置调整器进行水平调整:左对齐、右对齐、居中对齐;2. 进行垂直调整:上对齐、下对齐、垂直居中;3. 按 Shift 键并使用方向键微调位置;4. 使用快捷键快速对齐:左对齐(Ctrl/Cmd + L)、右对齐(Ctrl/Cmd + R)、居中对齐(Ctrl/Cmd + C)。

屏幕变成黑白色怎么调彩色 详细介绍:手机退出黑白模式的方法 屏幕变成黑白色怎么调彩色 详细介绍:手机退出黑白模式的方法 Mar 21, 2024 pm 01:12 PM

很多朋友在使用手机时,突然发现手机的操作界面变成了“黑白”的颜色,不知道是什么原因导致的,也不知道该如何解决,本期文章以安卓手机为例,教大家如何让手机的操作界面颜色恢复正常。一、设置打开手机的界面,在操作界面找到“齿轮状”图标。如下图:点击该图标,即可进入手机的设置界面。二、选项手机的操作界面变成了黑白颜色,这与手机的“显示”设置有关,进入手机的设置界面以后,下拉菜单找到“显示和主题”选项,如下图:然后点击“显示和主题”选项,进入详情页。三、改变屏幕颜色进入“显示和主题”选项之后,下拉菜单找到“

iPhone屏幕截图不起作用:如何修复 iPhone屏幕截图不起作用:如何修复 May 03, 2024 pm 09:16 PM

屏幕截图功能在您的iPhone上不起作用吗?截屏非常简单,因为您只需同时按住“提高音量”按钮和“电源”按钮即可抓取手机屏幕。但是,还有其他方法可以在设备上捕获帧。修复1–使用辅助触摸使用辅助触摸功能截取屏幕截图。步骤1–转到您的手机设置。步骤2–接下来,点击以打开“辅助功能”设置。步骤3–打开“触摸”设置。步骤4–接下来,打开“辅助触摸”设置。步骤5–打开手机上的“辅助触摸”。步骤6–打开“自定义顶级菜单”以访问它。步骤7–现在,您只需将这些功能中的任何一个链接到屏幕捕获即可。因此,点击那里的首

苹果 曝 iPhone16 或实现更大显示屏 苹果 曝 iPhone16 或实现更大显示屏 Mar 22, 2024 pm 06:41 PM

虽然距离iPhone16系列发布还要许久,但外观和配置相关爆料就没断过。据韩国媒体SisaJournal报道,苹果计划在即将推出的iPhone16系列手机中引入全新的超窄边框技术。该技术涉及将内部铜线卷成更紧凑的结构,以缩小手机底部显示屏的边框宽度,从而实现更大尺寸的显示屏。这一创新举措旨在提升用户体验,让用户享受更广阔的视野和更沉浸式的娱乐体验。苹果一直致力于不断改进其产品设计和技术,为用户带来更先进的功能和性能。iPhone16系列手机的推出将进一步巩固苹果在智能另据@刹那数码爆料,苹果新一

如何在iPhone中撤消从主屏幕中删除 如何在iPhone中撤消从主屏幕中删除 Apr 17, 2024 pm 07:37 PM

从主屏幕中删除了重要内容并试图将其取回?您可以通过多种方式将应用程序图标放回屏幕。我们已经讨论了您可以遵循的所有方法,并将应用程序图标放回主屏幕如何在iPhone中撤消从主屏幕中删除正如我们之前提到的,有几种方法可以在iPhone上恢复此更改。方法1–替换应用程序库中的应用程序图标您可以直接从应用程序库将应用程序图标放置在主屏幕上。第1步–横向滑动以查找应用程序库中的所有应用程序。步骤2–找到您之前删除的应用程序图标。步骤3–只需将应用程序图标从主库拖动到主屏幕上的正确位置即可。这是将应用程序图

6000 毫安硅负极电池!小米 15Pro 升级再曝料 6000 毫安硅负极电池!小米 15Pro 升级再曝料 Jul 24, 2024 pm 12:45 PM

7月23日消息,博主数码闲聊站爆料称,小米15Pro电池容量增大至6000mAh,支持90W有线闪充,这将是小米数字系列电池最大的Pro机型。此前数码闲聊站透露,小米15Pro的电池拥有超高能量密度,硅含量远高于竞品。硅基电池在2023年大规模试水后,第二代硅负极电池被确定为行业未来发展方向,今年将迎来直接竞争的高峰。1.硅的理论克容量可达4200mAh/g,是石墨克容量的10倍以上(石墨的理论克容量372mAh/g)。对于负极而言,当锂离子嵌入量达到最大时的容量为理论克容量,这意味着相同重量下

屏幕录制变黑:这是修复 屏幕录制变黑:这是修复 May 03, 2024 pm 09:13 PM

您是否正在尝试在手机屏幕上录制某些内容,并且它正在变黑?通常,您可以从控制中心启动屏幕录制。在某些情况下,您无法在屏幕上录制项目。我们已经提到了所有方案以及可以帮助您正常录制屏幕的可能解决方案列表。屏幕录制变黑的原因–如果您在iPhone屏幕上播放时尝试录制任何受DRM(数字版权管理)保护的内容,您将无法得到任何东西。输出将是一个漆黑的屏幕。所有领先的OTT平台,如Netflix、Disney+、Hulu和Peacock,都有这个DRM,可以阻止任何屏幕录制功能。2.有几个网站禁止使用屏幕捕获

See all articles