jQuery高度及位置操作

2022-02-20 15:46:29 字數 1521 閱讀 2390

1. 獲取滑輪位置,scrolltop:上下滾動的意思。

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

效果:

2. 預設情況下body離html頁面的左邊=8px,上邊=8px的距離

$('#i1').offset();    獲取當前標籤在整個文件中的座標

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

asdf

執行效果:

3.筆記

位置:

$(window).scrolltop() 獲取滑輪的位置

$(window).scrolltop(0) 設定滑輪的位置

scrollleft([val]) 左右滑輪

offset().left 獲取當前標籤在整個文件中的座標

offset().top 獲取當前標籤在整個文件中的座標

position() 指定標籤相對于父標籤(relative)的位置

$('i1').height() # 獲取標籤的純高度

$('i1').innerheight() #獲取邊框+純高度+?內邊距

$('i1').outerheight() #獲取邊框+純高度+?外邊距

$('i1').outerheight(true) #獲取邊框+純高度+?外邊距

#純高度,邊框,外邊距,內邊距

jQuery 尺寸 位置操作

jquery中分別為我們提供了兩套快速獲取和設定元素尺寸和位置的api,方便易用,內容如下。jquery 尺寸操作包括元素寬高的獲取和設定,且不一樣的api對應不一樣的盒子模型。語法 演示 function 注意 有了這套 api 我們將可以快速獲取和子的寬高,至於其他屬性想要獲取和設定,還要使用 ...

jquery操作元素的位置

獲取頁面某一元素的絕對x,y座標,可以用offset var x divid offset top var y divid offset left 獲取相對 父元素 位置 var x divid position top var y divid position left 通過getbounding...

jQuery尺寸和位置操作

1.width height 獲取匹配元素的寬度和高度值,只有width height 2.innerwidth height 獲取包含padding的高度和寬度值 3.outerwidth outheight 獲取包含padding border的寬度和高度值 4.outerwidth true ...