jq第三天 位置

2022-01-13 08:05:37 字數 2102 閱讀 6736

css(name|pro|[,val|fn])

位置offset([coordinates])

獲取匹配元素在當前視口的相對偏移。

返回的物件包含兩個整型屬性:top 和 left。此方法只對可見元素有效。

position()

獲取匹配元素相對父元素的偏移。

返回的物件包含兩個整型屬性:top 和 left。為精確計算結果,請在補白、邊框和填充屬性上使用畫素單位。此方法只對可見元素有效。

jquery中position()與offset()區別

position()獲取相對於它最近的具有相對位置(position:relative或position:absolute)的父級元素的距離,如果找不到這樣的元素,則返回相對於瀏覽器的距離。

offset()始終返回相對於瀏覽器文件的距離,它會忽略外層元素。

下邊看個簡單的例子,這裡外層的div元素(position:relative)僅乙個:

id="outer" style="position:relative;left:0px;top:0px;background-color: #a2ff35;width:100px; height:50px;">

id="inner" style="position:absolute;left:1px;top:2px;background-color: green;width:100px; height:50px;">

scrolltop([val])

獲取匹配元素相對滾動條頂部的偏移。

此方法對可見和隱藏元素均有效。

scrollleft([val])

獲取匹配元素相對滾動條左側的偏移。

此方法對可見和隱藏元素均有效。

style="border:1px solid black;width:100px;height:130px;overflow:auto">

the longest word in the english dictionary is: pneumonoultramicroscopicsilicovolcanoconiosis.

the longest word in the english dictionary is: pneumonoultramicroscopicsilicovolcanoconiosis.

the longest word in the english dictionary is: pneumonoultramicroscopicsilicovolcanoconiosis.

the longest word in the english dictionary is: pneumonoultramicroscopicsilicovolcanoconiosis.

the longest word in the english dictionary is: pneumonoultramicroscopicsilicovolcanoconiosis.

class="btn1">把 scroll top offset 設定為 100px

class="btn2">獲得 scroll top offset

class="btn3">把 scroll top offset 設定為 100px

class="btn4">獲得 scroll top offset

position()獲取相對於它最近的具有相對位置(position:relative或position:absolute)的父級元素的距離,如果找不到這樣的元素,則返回相對於瀏覽器的距離。

offset()始終返回相對於瀏覽器文件的距離,它會忽略外層元素。

下邊看個簡單的例子,這裡外層的div元素(position:relative)僅乙個:

第三天,努力!!

第三天了,不錯不錯,基本上按自己的計畫進行著,雖然工作還是沒找到,不過也不再那麼的怕了,慢慢來吧,其實也沒太多時間了 今天早上十點才,真的覺得自己太不像話了,不過我一覺醒來就那個時候了,我的手機每天的鬧鐘是7 30不過好像從來聽不見它響,哈哈 明天希望能早點起,明天北京工體有乙個大型的招聘會,可以去...

杭州第三天

一樣的時間起床,一樣的時間去吃早飯,坐在一樣的位置享受完幾乎一樣的陽光和一根煙以後,我開始了在杭州ut的又一天工作。上午按照計畫重新安裝oracle資料庫,由於一邊安裝一邊給旁邊的兩個同事作簡單的解釋,所以到了在中午吃飯以前只是安裝完了軟體部分。ut的食堂有兩層,每個月的餐費都是直接打入員工卡中,所...

實習第三天

sharedpreferences是android平台上乙個輕量級的儲存類,簡單的說就是可以儲存一些我們需要的變數資訊 例如 程式聲音開關 大小,設定自動登入記住賬號對賬號 密碼的儲存,對預設事項的紀錄等。1 intent bundle的傳送方式 2 利用sharedpreferences acti...