jQuery高度及位置操作
生活随笔
收集整理的這篇文章主要介紹了
jQuery高度及位置操作
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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) #獲取邊框+純高度+？外邊距 #純高度，邊框，外邊距，內邊距?
轉載于:https://www.cnblogs.com/momo8238/p/7469676.html
總結
以上是生活随笔為你收集整理的jQuery高度及位置操作的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： hibernate 数据处理
- 下一篇： Django中级篇之模板语言