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 }; }
上面的程式碼實現了我們的要求,下面介紹一下它的實現過程,直接呼叫就可以了,能夠相容當前所有的主流瀏覽器。
相關文章
- js獲取頁面向上或者向左滾動的尺寸JS
- js獲取滾動條高度例項程式碼JS
- react記錄頁面的滾動條位置React
- 網頁內容部分設滾動條網頁
- js實現 web頁面的滾動條下拉時載入更多JSWeb
- 封裝scroll.js 獲取滾動條的值封裝JS
- offsetWidth是否包括滾動條
- 瀏覽器滾動條高度的獲取瀏覽器
- javascript如何獲取滾動條的寬度JavaScript
- 元素滾動條佔據部分是否佔據height和width尺寸
- 利用js獲取當前頁面的域名程式碼JS
- js如何獲取指定元素的尺寸JS
- JS 獲取文件元素JS
- js獲取移動裝置最大化時的尺寸JS
- 前端頁面自定義滾動條前端
- 獲取當前頁面的上一個頁地址
- js如何獲取圖片的長寬尺寸JS
- js如何獲取圖片的真實尺寸JS
- 獲取當前頁面的topViewControllerViewController
- 原生JS控制多個滾動條同步跟隨滾動JS
- 使用js控制滾動條的位置JS
- javascript獲取當前頁面的來路頁面地址JavaScript
- react獲取當前頁面的url引數React
- javascript如何獲取當前頁面的路徑JavaScript
- PHP中獲取當前頁面的完整URLPHP
- vue js 獲取滾動距離 以及 返回頂部按鈕VueJS
- js獲取url傳遞引數,js獲取url?號後面的引數JS
- Vue.js 桌面端自定義滾動條元件|vue美化滾動條VScrollVue.js元件
- js實現重新整理頁面依然能夠使滾動條滾定在原來位置JS
- javascript中獲取元素尺寸JavaScript
- js頁面全屏垂直滾動效果JS
- javascript獲取網頁和螢幕尺寸相關屬性JavaScript網頁
- 使用 selenium (python),無法在頁面的 iframe 框架中實現對貌似是自定義滾動條進行滾動Python框架
- js獲取元素的實際尺寸程式碼例項JS
- asp.net獲取當前頁面的url地址ASP.NET
- js獲取瀏覽器視窗尺寸程式碼例項JS瀏覽器
- JavaScript獲取img的原始尺寸JavaScript
- javascript獲取螢幕的尺寸JavaScript