Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > jQuery弹出层始终垂直居中相对于屏幕或当前窗口_jquery

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

WBOY
Freigeben： 2016-05-16 17:38:38
Original
1251 Leute haben es durchsucht

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

复制代码 代码如下:





无标题文档


//浏览器窗口垂直居中

//当前窗口垂直居中







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

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

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




Verwandte Etiketten：
垂直居中 屏幕 弹出层
Quelle：php.cn
Vorheriger Artikel：UpdatePanel和Jquery冲突的解决方法_jquery Nächster Artikel：select标记美化--JS式插件、后期加载_表单特效
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Auch nach dem Löschen bleibt der Wert meiner Dateieingabe erhalten Wie Sie im Screenshot sehen können. Ich wähle eine Datei aus, behalte das Popup bei, ohne ...
Aus 2024-04-06 15:44:52
0
1
384
„waitForSelector' läuft ab, bevor das Element sichtbar wird, obwohl das Element auf dem Bildschirm angezeigt wird Ich baue einen Checkout-Bot, aber ich habe Probleme mit diesen blöden „Geben Sie Ihre Tele...
Aus 2024-04-04 18:31:08
0
1
1416
Cypress-Test zum Abfangen der Zoom-URL Ich habe einen Testfall, der letztendlich zu einem Zoom-Link weiterleitet. Ich versuche zu...
Aus 2024-04-04 16:16:37
0
1
340
Nach dem Ändern der LAN-Installations-IP meldet der Authserver „Verbindung nicht möglich' „Host xxxxx ist nicht autorisiert' Verwenden Sie die standardmäßigen Windows-Installationsanweisungen für eine Bare-Metal-Ins...
Aus 2024-04-04 15:06:41
0
1
374
Flyout-Menü mit Mouseover-Ereignis anzeigen Ich habe ein Popup-Menü und versuche, Mouseover-Ereignisse zu verwenden, um es umzuschalte...
Aus 2024-04-03 15:14:43
0
1
416
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage