jq彈窗(獲取頁面寬高,滾輪高度,始終居中)

2022-08-13 08:51:12 字數 530 閱讀 5204

jq寫乙個彈窗,效果如上圖所示,

點選按鈕彈窗彈出,右上角關閉。

彈窗始終顯示在頁面中間,無論放大縮小視窗,滾輪滾動。

**如下:

html:

彈出×

js:

$(function())

//關閉按鈕新增點選事件,呼叫方法hide(),使彈窗div消失

$('#close').click(function())

//視窗物件新增resize() 當瀏覽器視窗大小改變時執行。

$(window).resize(function())

//文件物件新增scroll() 當滾輪高度變化時執行

$(document).scroll(function())

})//計算彈窗位置的函式

function tanlocation());

}

jq獲取頁面高度 JQuery獲取頁面高度寬度

alert window height 瀏覽器當前視窗可視區域高度 alert document height 瀏覽器當前視窗文件的高度 alert document.body height 瀏覽器當前視窗文件body的高度 alert document.body outerheight true ...

Javascript頁面寬度高度的獲取方法

關於獲取各種瀏覽器可見視窗大小的一點點研究 在我本地測試當中 在ie firefox opera下都可以使用 document.body.clientwidth document.body.clientheight 即可獲得,很簡單,很方便。而在公司專案當中 opera仍然使用 document.b...

jquery獲取元素各種寬高及頁面寬高總結

window.onload function 獲取瀏覽器顯示區域 可視區域 的高度 window height 獲取瀏覽器顯示區域 可視區域 的寬度 window width 獲取頁面的文件高度 document height 獲取頁面的文件寬度 document width 瀏覽器當前視窗文件bo...