今天在學習js的時候覺得這個問題比較容易搞混,所以自己畫了一個簡單的圖,並且用js控制台里面輸出測試了下,便於理解。 1、在文檔(document)對象里面用: scrollWidth/Height:獲取對象的滾動寬度(滾動條可以滾動的寬度,相當於整個頁面的總 ...
在IE中scrollWidth:獲取對象的滾動寬度scrollHeight: 獲取對象的滾動高度。scrollLeft:設置或獲取位於對象左邊界和窗口中目前可見內容的最左端之間的距離scrollTop:設置或獲取位於對象最頂端和窗口中可見內容的最頂端之間的距離offsetLeft:獲取對象相對於版面或由 offsetParent 屬性指定的父坐標的計算左側位置offsetTop:獲取對象相對於版面 ...
2014-03-22 09:54 0 5865 推薦指數:
今天在學習js的時候覺得這個問題比較容易搞混,所以自己畫了一個簡單的圖,並且用js控制台里面輸出測試了下,便於理解。 1、在文檔(document)對象里面用: scrollWidth/Height:獲取對象的滾動寬度(滾動條可以滾動的寬度,相當於整個頁面的總 ...
整體布局: <!DOCTYPE> <head> <meta http-equiv="Content-Type" content="text/html; chars ...
原文地址:→傳送門 window相關寬高屬性 1. window.outerHeight (窗口的外層的高度) / window.outerWidth (窗口的外層的寬度) windo ...
offsetLeft:元素的邊框的外邊緣距離與已定位的父容器(offsetparent)的左邊距離(不包括元素的邊框和父容器的邊框)。 offset().left:返回的是相對於當前文檔的坐標,使用offset()方法不管該元素如何定位,也不管其父元素如何定位,都是獲取的該元素相對於當前 ...
1、client系列 代碼如下: 2.屏幕的可視區域 3.offset系列 代碼如下,注釋都挺清楚的 4.scroll系列 代碼如下: ...
offset()返回的是相對於當前文檔的坐標,position()返回的是相對於其定位的祖輩元素的坐標。 使用position()方法時事實上是把該元素當絕對定位來處理,獲取的是該元素相當於最近的一個擁有絕對或者相對定位的父元素的偏移位置。 使用position()方法時如果其所 ...
一、offset(偏移) JS: JQ: 二、client(當前) 三、scroll(滾動) 四、X、Y 實用demo:通過外部點擊操作,使盒子 ...
JS四大家族 三大系列: offset、 scroll、 client 事件對象: event(事件被觸動時,鼠標和鍵盤的狀態)(通過屬性控制) 三大系列都是 以DOM元素節點的屬性 ...