欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js中g(shù)etBoundingClientRect( )方法案例詳解

 更新時間：2021年07月29日 09:53:47   作者：stay_少年與夢  
這篇文章主要介紹了js中g(shù)etBoundingClientRect( )方法案例詳解,本篇文章通過簡要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下

一.getBoundingClientRect() 解析

getBoundingClientRect() 方法返回元素的大小及其相對于視口的位置。

語法

rectObject = object.getBoundingClientRect();

在這里插入圖片描述

值

rectObject.top：元素上邊到視窗上邊的距離;
rectObject.right：元素右邊到視窗左邊的距離;
rectObject.bottom：元素下邊到視窗上邊的距離;
rectObject.left：元素左邊到視窗左邊的距離;
rectObject.width：是元素自身的寬度
rectObject.height是元素自身的高度

跨瀏覽器兼容

如果需要更好的跨瀏覽器兼容性，請使用 window.pageXOffset 和 window.pageYOffset 代替 window.scrollX 和 window.scrollY。不能訪問這些屬性的腳本可以使用下面的代碼：

// For scrollX
(((t = document.documentElement) || (t = document.body.parentNode))
  && typeof t.scrollLeft == 'number' ? t : document.body).scrollLeft
// For scrollY
(((t = document.documentElement) || (t = document.body.parentNode))
  && typeof t.scrollTop == 'number' ? t : document.body).scrollTop

示例

// rect 是一個具有四個屬性 left、top、right、bottom 的 DOMRect 對象
注：DOMRect 是 TextRectangle 或 ClientRect 的標(biāo)準(zhǔn)名稱，他們是相同的。
var rect = obj.getBoundingClientRect();

到此這篇關(guān)于js中g(shù)etBoundingClientRect( )方法案例詳解的文章就介紹到這了,更多相關(guān)js中g(shù)etBoundingClientRect( )內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論