问题与Firefox中的jquery滚动事件不够流畅

问题描述:

我有一个分配内容和溢出分配给它两个滚动条。问题与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

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