1. 獲取滑輪位置，scrolltop:上下滾動的意思。
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><div style="height:100px;width:100px;overflow:auto;"><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p></div><div style="height:1000px;"></div>
</body>
</html>
?效果：
?
2. 默認情況下body離HTML頁面的左邊=8px,上邊=8px的距離
$('#i1').offset();??? 獲取當前標簽在整個文檔中的坐標
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><div id="i1"></div><div style="height:100px;width:100px;overflow:auto;"><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p><p>asdf</p></div><div id="i2"></div><div style="height:1000px;"></div><script src="jquery-1.12.4.js"></script>
</body>
</html>
?運行效果：
?
3.筆記
位置：$(window).scrollTop() 獲取滑輪的位置$(window).scrollTop(0) 設置滑輪的位置scrollLeft([val]) 左右滑輪offset().left 獲取當前標簽在整個文檔中的坐標offset().top 獲取當前標簽在整個文檔中的坐標 position() 指定標簽相對于父標簽(relative)的位置$('i1').height() # 獲取標簽的純高度$('i1').innerHeight() #獲取邊框+純高度+？內邊距 $('i1').outerHeight() #獲取邊框+純高度+？外邊距$('i1').outerHeight(true) #獲取邊框+純高度+？外邊距 #純高度，邊框，外邊距，內邊距
?
