2010-03-03 81 views
0

我有一個分配內容和溢出分配給它兩個滾動條。問題與Firefox中的jquery滾動事件不夠流暢

該div的內部是另一個需要隨時錨定在底部的部分。

要做到這一點,我把滾動事件的偵聽器在div的底部重新定位DIV:

obj.scroll(function(e) { 
    var uiValue = obj.scrollTop(); 
    $("#calendar-grid-key").animate({ bottom: -1 * uiValue }, 0); 
}); 

它精美的作品幾乎每一個瀏覽器欄上PC的Firefox 3。它有一個奇怪的滯後(見視頻:http://www.jamiewilson.co.nz/ScreenFlow.mov)。

有人建議停止事件繪圖,計算差異,然後繪製,但我沒有完全遵循,並找不到任何在線,讓我停止繪製,然後重新啓動它。

提前歡呼!

+0

其實它並沒有在Firefox的Mac工作,要麼。所以一個moz計時問題? - 沒有接受者? – 2010-03-08 22:25:45

+0

傑米威爾遜,我的解決方案是否有效? – ehpc 2010-08-09 11:10:07

+0

Heya,現在還沒有,但是我正拼命地將它與你的代碼一起使用。頁面的複雜性可能會阻止它。我會盡力讓你更新。 – 2010-08-10 02:50:39

回答

0

this解決方案如何?它根本不動。

要點:

風格:

#calendar-grid-key { 
    position: absolute; 
    border: 1px solid #FF0000; 
    } 

和JS:

function moveCalendar() { 
    $("#calendar-grid-key").offset({top: $("#container").offset().top + $("#container").height() - $("#calendar-grid-key").height(), left: $("#container").offset().left }); 
} 

$(document).ready(function() { 

    moveCalendar(); 

    $("#container").scroll(function(e) { 
    moveCalendar() 
    }); 

}); 
+0

我打算將其標記爲已回答,因爲您的回答是正確的,但它似乎不適用於我的情況(主要是因爲頁面上的div數量)。謝謝堆ehpc :) – 2011-04-18 22:11:12