js中offset,client , scroll 三大元素知識點總結
更新時間：2019年09月11日 16:30:10 作者：shanlu
在本篇文章里小編給大家整理了關于js 元素offset,client , scroll 三大系列總結，有需要的朋友們可以學習下。
js 元素offset,client , scroll 三大系列總結
1，element.offsetWidth : 包括 padding 和 邊框
2，element.clientWidth : 包括 padding ，不包含邊框 ， 內(nèi)容超出會溢出盒子的時候，就用scrollWidth
3，element.scrollWidth : 不包含邊框
主要用法：
1，offset 系列 經(jīng)常用于獲得元素位置 offsetLeft offsetTop
2，client經(jīng)常用于獲取元素大小， clientWidth , clientHeight
3，scroll經(jīng)常用于獲取滾動距離，scrollTop scrollLeft
4，注意頁面滾動距離 通過 window.pageXoffset window.pageYoffset 獲得
以上就是本次介紹的全部知識點內(nèi)容，感謝大家對腳本之家的支持。
您可能感興趣的文章:
相關文章
這篇文章主要介紹了Echarts在Taro微信小程序開發(fā)中的踩坑記錄，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-11-11
js構建二叉樹進行數(shù)值數(shù)組的去重與優(yōu)化詳解
這篇文章主要給大家介紹了關于js構建二叉樹進行數(shù)值數(shù)組的去重與優(yōu)化的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧。2018-03-03
JS實現(xiàn)添加,替換,刪除節(jié)點元素的方法
這篇文章主要介紹了JS實現(xiàn)添加,替換,刪除節(jié)點元素的方法,實例分析了javascript針對節(jié)點元素的替換、刪除及常用的幾種添加技巧,需要的朋友可以參考下2016-06-06
JavaScript 幾種循環(huán)方式以及模塊化的總結
這篇文章主要介紹了JavaScript 幾種循環(huán)方式以及模塊化的的相關資料，幫助大家更好的理解和學習JavaScript，感興趣的朋友可以了解下2020-09-09
表單驗證在很多地方都可以用到，本文詳細的介紹了javascript表單是否為空驗證方法，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
微信小程序使用map組件實現(xiàn)解析經(jīng)緯度功能示例
這篇文章主要介紹了微信小程序使用map組件實現(xiàn)解析經(jīng)緯度功能,涉及微信小程序map組件結合高德地圖進行經(jīng)緯度獲取相關操作技巧,需要的朋友可以參考下2019-01-01
這篇文章主要介紹了JavaScript 實現(xiàn)下雪特效的示例代碼，幫助大家利用JavaScript制作特效，感興趣的朋友可以了解下2020-09-09
JavaScript 異步調用框架 (Part 1 - 問題 & 場景)
在Ajax應用中，調用XMLHttpRequest是很常見的情況。特別是以客戶端為中心的Ajax應用，各種需要從服務器端獲取數(shù)據(jù)的操作都通過XHR異步調用完成。2009-08-08
這篇文章主要介紹了es6函數(shù)name屬性,結合實例形式分析了es6函數(shù)name屬性基本原理、功能、用法及操作注意事項,需要的朋友可以參考下2020-04-04
Discuz 公告效果效果代碼，可以自動換行和無間隙滾動2009-03-03