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...