作者azureshin (azureshin)
看板Ajax
標題[問題] 物件的offset問題
時間Tue Feb 7 17:29:02 2012
假設頁面上初始有 5 個DIV, width都是100%
而第一個div的屬性較為特別 (position:fixed;z-index:2)
其餘Div的z-index:1
示意圖如下
-----------------------
DIV_1 (z-index:2)
-----------------------
DIV_2
-----------------------
DIV_3
-----------------------
當我將scroll移到底部時, 我有寫程式讓他自動新增底部資料
也就是scroll永遠不會到底...
重點1: div_1因為fixed的關係, 會保持浮動在上方
我的疑問如下:
就像下圖,經過scroll滑動後, 所有div都會往上跑, 唯有DIV_1不會移動
我要怎麼得知div_1的下方是哪一個DIV呢 ? (這裡指的下方是Y軸概念, 而非Z軸)
以下圖來說, 正解應該是DIV_66
____________
DIV_1 (z-index:2)
____________
DIV-66
____________
DIV_77
____________
我原本是想說去計算每個div的offset.top
但我發現這樣不行, 因為scrillbar的滑動, div雖會往上跑, 但offset.top是不變的
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.134.21.167
1F：推 nightspirit:抓DOMwindow object 取 scrollY值來運算? 02/08 04:11
3F：→ sk1765:不知為何 ff 會變黑色 其他都正常 02/08 14:28