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一样的固定效果。

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