瀏覽器/元素尺寸相關的屬性

·港島妹妹發表於2020-12-25
瀏覽器/元素尺寸相關的屬性

		// 返回瀏覽器可視區域的距離,不包含滾動條不可見部分的區域
		document.documentElement.clientWidth
		document.documentElement.clientHeight

		// 返回瀏覽器頁面中所有內容區域的距離,包含滾動條暫時不可見的區域。
		document.body.clientWidth
		document.body.clientHeight

		// 返回瀏覽器滾動條捲去的距離
		document.documentElement.scrollTop
		document.documentElement.scrollLeft

		// Node.offsetWidth/offsetHeight 返回元素內容區+內填充區+外邊框區一共所佔的位置
		document.getElementById("div1").offsetWidth
		document.getElementById("div1").offsetHeight

相關文章