這篇文章主要介紹了js中offset,client , scroll有什么用，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

我們提供的服務(wù)有：網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、新吳ssl等。為成百上千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的新吳網(wǎng)站制作公司

js 元素offset,client , scroll 三大系列總結(jié)

1，element.offsetWidth : 包括 padding 和 邊框

2，element.clientWidth : 包括 padding ，不包含邊框 ， 內(nèi)容超出會(huì)溢出盒子的時(shí)候，就用scrollWidth

3，element.scrollWidth : 不包含邊框

主要用法：

1，offset 系列 經(jīng)常用于獲得元素位置 offsetLeft offsetTop

2，client經(jīng)常用于獲取元素大小， clientWidth , clientHeight

3，scroll經(jīng)常用于獲取滾動(dòng)距離，scrollTop scrollLeft

4，注意頁面滾動(dòng)距離 通過 window.pageXoffset window.pageYoffset 獲得

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“js中offset,client , scroll有什么用”這篇文章對大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!