js獲取文件頁面的尺寸包括滾動條部分
在實際應用中,可能不僅僅要獲取我們當前看到的頁面尺寸,而且要獲取滾動條遮擋部分的頁面尺寸。
下面就通過一段程式碼例項做一下簡單介紹。
程式碼如下:
[JavaScript] 純文字檢視 複製程式碼function getFullSize(){ var w = Math.max(document.documentElement.clientWidth, document.body.clientWidth) + Math.max(document.documentElement.scrollLeft, document.body.scrollLeft); var h = Math.max(document.documentElement.clientHeight, document.body.clientHeight) + Math.max(document.documentElement.scrollTop, document.body.scrollTop); w = Math.max(document.documentElement.scrollWidth, w); h = Math.max(document.documentElement.scrollHeight, h); return { "w": w, "h": h }; }
上面的程式碼實現了我們的要求,下面介紹一下它的實現過程,直接呼叫就可以了,能夠相容當前所有的主流瀏覽器。
相關文章
- react記錄頁面的滾動條位置React
- js實現 web頁面的滾動條下拉時載入更多JSWeb
- 封裝scroll.js 獲取滾動條的值封裝JS
- 瀏覽器滾動條高度的獲取瀏覽器
- JS 獲取文件元素JS
- 獲取當前頁面的topViewControllerViewController
- 前端頁面自定義滾動條前端
- 使用js控制滾動條的位置JS
- Vue.js 桌面端自定義滾動條元件|vue美化滾動條VScrollVue.js元件
- js獲取url傳遞引數,js獲取url?號後面的引數JS
- vue js 獲取滾動距離 以及 返回頂部按鈕VueJS
- 使用 selenium (python),無法在頁面的 iframe 框架中實現對貌似是自定義滾動條進行滾動Python框架
- selenium中JS如何處理滾動條JS
- react獲取當前頁面的url引數React
- js/jq 獲取網頁寬高JS網頁
- js 獲取可視介面的高度或寬度JS
- PHP中獲取當前頁面的各種URL格式PHP
- JavaScript獲取img的原始尺寸JavaScript
- div滾動條樣式,水平滾動
- 隱藏滾動條保留滾動效果
- layui 子彈窗獲取父頁面的引數傳參UI
- css隱藏滾動條並可以滾動CSS
- 想獲取JS載入網頁的源網頁的原始碼,不想獲取JS載入後的資料JS網頁原始碼
- Python - opencv-python 獲取影片尺寸PythonOpenCV
- CSS滾動條美化CSS
- 獲取cookie裡面的值Cookie
- pbootcms獲取結果頁面的搜尋keyword值和tag值boot
- 移動端div跟隨滾動條滾動(自制
- 易優CMS根據aid獲取文件頁面連結AI
- tbody 滾動條設定
- 表格顯示滾動條
- css隱藏滾動條CSS
- Bootstrap列表新增滾動條boot
- js:返回到頁面時滾動到上次瀏覽位置JS
- 如何獲取 alter 裡面的字串?字串
- js無縫滾動JS
- anime.js 網頁動畫庫,輕鬆實現網頁數字滾動效果JS網頁動畫
- js獲取日期JS
- vue2.x自定義虛擬滾動條|vue美化滾動條元件VscrollVue元件