JavaScript:可視區寬度、元素寬高等

瀏覽器信息:window.navigator.userAgent

網頁可視區寬度:document.documentElement.clientWidth 

網頁可視區高度:document.documentElement.clientHeight 

當前可視區頂端距離整個網頁頂端的距離:document.documentElement.scrollTop

<!DOCTYPE html>
<html>
<head>
	<title>引用</title>
<script type="text/javascript">
	// alert(window.navigator.userAgent);
	document.onclick = function(){
		alert(document.documentElement.scrollTop);
	}
</script>
</head>
<body style="height:2000px;"></body>
</html>

元素寬度和高度:offsetWidth offsetHeight

運用scrollTop,client和offsetHeight,可以實現和fixed一樣的固定效果。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章