问题与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)。
有人建议停止事件绘图,计算差异,然后绘制,但我没有完全遵循,并找不到任何在线,让我停止绘制,然后重新启动它。
提前欢呼!
答
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
其实它并没有在Firefox的Mac工作,要么。所以一个moz计时问题? - 没有接受者? – 2010-03-08 22:25:45
杰米威尔逊,我的解决方案是否有效? – ehpc 2010-08-09 11:10:07
Heya,现在还没有,但是我正拼命地将它与你的代码一起使用。页面的复杂性可能会阻止它。我会尽力让你更新。 – 2010-08-10 02:50:39