這是一些極易混淆的概念。仔細分析，這些值都是用來對元素進行定位的，下面逐一介紹。本文只介紹width,left等值，與其對應的是 height,top。本文還只介紹在Firefox下的表現，我認為，先不要考慮在IE各版本，Chrome等瀏覽器下的表現，這樣一來，問題就單純 了，容易理解。 一 寬度的基礎 何為寬度，在CSS中，width屬性指元素內容區的 寬度，並不是元素在頁面上所占的空間，就像 ...
2012-08-02 13:52 2 3082 推薦指數：
1、clientHeight：表示的是可視區域的高度，不包含border和滾動條； 2、offsetHeight：表示的是可視區域的高度，包含了border和滾動條 3、scrollHeight：表示了所有區域的高度，包含了因為滾動被隱藏的部分； 4、clientTop：表示邊框border ...
JS滾動頁面到某一位置時觸發指定事件能夠增強用戶體驗或是提高性能，其中使用最多的場景是加載更多，當鼠標滾動至頁面下方時，自動加載下一頁的內容。另一個常用的場景是當用戶滾動至頁面某一地方時，頁面會給出提示或是將某些重要信息或按鈕顯示出來。實現這些效果的關鍵是要區分clientHeight ...
這些高度相信很多同學都搞不清楚吧。這里我通過本地測試，發現了區別。 以聊天窗口為例。 元素(class='content')高度444px,其中上下padding分別是10px,margin為0。距離最近的一個定位的父元素的上邊距是60px。 這里，在控制台打印出各個高度值 ...
滾動大小（scroll dimension） 滾動大小指的是包含滾動內容元素的大小。 以下是與元素滾動內容大小相關的屬性： 1. scrollWidth：在沒有滾動條的情況下，元素內容的總寬度。 2. scrollHeight：在沒有滾動條的情況下，元素內容的總高度。 3. ...
offsetTop/offsetHeight scrollTop/scrollHeight 這幾個屬性困擾了我N久，這次一定要搞定。 假設 obj 為某個 HTML 控件。 obj.offsetTop obj距離上方或上層控件的位置，整型，單位像素 ...
offsetTop,offsetHeight,scrollHeight,scrollTop，這些屬性曾經困擾了我很長很長很長時間。今天花點功夫，徹底把他們搞清楚了。假設 obj 為某個 HTML 控件。obj.offsetTop 指 obj 距離上方或上層控件的位置，整型，單位像素 ...
obj.offsetTop 指 obj 相對於版面或由 offsetParent 屬性指定的父坐標的計算上側位置，整型 obj.offsetLeft 指 obj 相對於版面或由 offsetParent 屬性指定的父坐標的計算左側位置，整型 obj.offsetWidth 指 obj 控件 ...
一、寫在前面 在閱讀本文前，希望大家能針對每個屬性親手測試，網上現有的大量相關博客都有不等的概念錯誤，畢竟親手實踐才能更好的掌握這些概念。 1.pageX，clientX，screenX與offs ...
