Question

我有一个div，内容和溢出分配给它两个滚动条。

在div的内部是另一个需要始终固定在底部的div。

为了达到这个目的，我在scroll事件上放了一个监听器来重新定位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）。

有人建议停止事件绘图，计算差异然后绘图，但我不太关注，也无法在网上找到任何可以让我停止绘制然后重新启动的内容。

提前干杯！

Answer 1

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()
  });

});

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

1 个答案: