首頁 >web前端 >js教程 >jQuery彈出層始終垂直居中相對於螢幕或目前視窗_jquery

jQuery彈出層始終垂直居中相對於螢幕或目前視窗_jquery

WBOY
WBOY原創
2016-05-16 17:38:381248瀏覽

彈出層永遠是一個前端必須搞定的東西,一般情況下,如果彈出層有固定的高和寬,用樣式即可搞定,但是如果碰到沒有固定高或者固定寬或者固定高和寬的時候,我們就需要用JS去處理,去動態獲取當前窗口高或者寬;今天弄了2種情況,一個是相對於屏幕窗體,一個是相對於當前的窗口,看代碼,或許對你有用:

複製代碼 代碼如下:

//W3C/1. Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



無標題文件


//瀏覽器視窗垂直居中

//目前視窗垂直居中



我是當前窗口啊我是當前窗口啊我是當前窗口啊我是當前窗口啊我是當前窗口啊我是當前窗口啊
我是當前窗口啊我是目前視窗啊我是目前視窗啊
我是目前視窗啊我是目前視窗啊我是目前視窗啊
我是目前視窗啊我是目前視窗啊我是目前視窗啊
我是目前視窗啊我是目前視窗啊我是目前視窗啊

我是目前視窗啊我是目前視窗啊我是目前視窗啊我是目前視窗啊
我是彈出視窗1111啊
我是彈出視窗1111啊
我是彈出視窗1111啊
我是彈出視窗1111啊
我是彈出視窗1111啊
我是彈出視窗1111啊
我是彈出視窗1111啊

我是彈出視窗2222啊
我是彈出視窗2222啊
我是彈出視窗2222啊
我是彈出視窗2222啊
我是彈出視窗2222啊



陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn