更新

Question

环境： Rails 3.1rc5与jQuery，ubuntu 11.04，谷歌Chrome（13），Mozilla Firefox（6.0）

我正在开发一个项目非常有限，在办公室推出 - 所以我可以肯定地说，我们将始终在最新版本的Firefox中运行;我们可以做任何我们想要的疯狂js，css3或html5。

该项目旨在模仿一个应用程序，一个侧栏（用于操作）和一个中间的窗格，其中有一个订单列表（水平和垂直），而正文不滚动。

中间窗格在订单上方有一个标题，我们需要在用户滚动时向下浮动页面。我们不能使用position：fixed因为我们需要水平和垂直滚动（比屏幕空间更多的字段）。我已经有了它的工作但它在Chrome中很滞后并且在Firefox中非常滞后 - 在用户停止滚动之前，标题似乎并没有实际移动。

由于这是一种复杂的布局，我试图在jsfiddle中重新创建它，但是我无法让它实际上使中间窗格上的滚动工作。它至少会更好地了解我想要做的事情：

http://jsfiddle.net/d3vkit/8E786/

这是我正在使用的coffeescript：

jQuery ->
  order_headings_list = $("#order_headings_list")
  orders_list = $("#orders_list")

  orders_list.scroll ->
    topOffset = orders_list.scrollTop() + "px"
    order_headings_list.css('top', topOffset)

以下是产生的javascript：

orders_list.scroll(function() {
  var leftOffset, topOffset;
  topOffset = orders_list.scrollTop() + "px";
  order_headings_list.css('top', topOffset);
});

我唯一的想法是，因为我在很多列表项上移动了一堆列表项，可能只是太多了。

我正确地执行此浮动标头吗？有什么指针要收紧吗？（为什么我的小提琴不显示溢出滚动？）

更新

我在jsfiddle（http://jsfiddle.net/d3vkit/8E786/）上做了一些工作，并让标题移动，显示出现的滞后。在我看来，你滚动，它更新了CSS，但不够快，所以它似乎是跳跃。我该如何解决这个问题？

Answer 1

为什么不使用固定位置

http://jsfiddle.net/pnAvm/

jQuery浮动标题是滞后的

更新

1 个答案: