這是一些極易混淆的概念。仔細分析，這些值都是用來對元素進行定位的，下面逐一介紹。本文只介紹width,left等值，與其對應的是 height,top。本文還只介紹在Firefox下的表現，我認為，先不要考慮在IE各版本，Chrome等瀏覽器下的表現，這樣一來，問題就單純 了，容易理解 ...

MDN上概念 scrollTop:獲取或設置一個元素的內容垂直滾動的像素數。 scrollHeight:一個元素內容高度的度量，包括由於溢出導致的視圖中不可見內容。 clientHeight:元素內部的高度(單位像素)，包含內邊距，但不包括水平滾動條、邊框和外邊距。 只看概念 ...

滾動大小（scroll dimension） 滾動大小指的是包含滾動內容元素的大小。 以下是與元素滾動內容大小相關的屬性： 1. scrollWidth：在沒有滾動條的情況下，元素內容的總寬度。 2. scrollHeight：在沒有滾動條的情況下，元素內容的總高度。 3. ...

想實現這樣的一個功能，點擊子元素，讓元素滾動至指定位置，怎么實現呢？ 在代碼實現之前，先了解下相關關鍵點。 1、scrollHeight 屬性 通過 scrollHeight 屬性可獲得子元素的滾動高度，因此，子元素的總滾動高度等於每個子元素的 scrollHeight ...

的高度； 但是： scrollHeight: 1) 當前容器沒有滾動 ...

　　JS滾動頁面到某一位置時觸發指定事件能夠增強用戶體驗或是提高性能，其中使用最多的場景是加載更多，當鼠標滾動至頁面下方時，自動加載下一頁的內容。另一個常用的場景是當用戶滾動至頁面某一地方時，頁面會給出提示或是將某些重要信息或按鈕顯示出來。實現這些效果的關鍵是要區分clientHeight ...

看一段簡單的html代碼： 盒子模型圖： 其中，83和103為width和height減去滾動條寬度的值； ...

這些高度相信很多同學都搞不清楚吧。這里我通過本地測試，發現了區別。 以聊天窗口為例。 元素(class='content')高度444px,其中上下padding分別是10px,margin為0。距離最近的一個定位的父元素的上邊距是60px。 這里，在控制台打印出各個高度值 ...