當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

jQuery高度及位置操作

發布時間：2023/12/18 编程问答 27 豆豆

生活随笔收集整理的這篇文章主要介紹了 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;">asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf</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;">asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf</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高度及位置操作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。