Javascript “如何实现MS Excel风格”；冻结窗格“；在HTML/CSS中

我在用于iPad的HTML5/CSS3网络应用程序中使用Angular JS，我有一个相当大的表格，需要有水平和垂直滚动，带有MS Excel上的“冻结窗格”功能

现在，我已经实现了一个基于div的布局，将表拆分为3个区域，一个顶部、左侧和中部区域，如图所示。我正在检测可滚动区域（顶部和左侧）上的滚动，然后使用Javascript将中间区域的位置固定为同步。这是可行的，但不可靠。有没有更干净的方法来实现这一点？我尽量不使用任何插件，因为我的代码已经相当繁重了，但如果有轻量级的光滑插件，我也愿意使用

---

TIA

我知道你提到不要再使用插件了，但我还是要把它扔出去。也许您可以尝试查看Zurb基金会的响应表插件：

---

但是，他们的示例显示，当您处于较小的浏览器宽度时，第一列是固定的且不可滚动的。我知道您希望在屏幕截图中使用“相反的方式”，因此有必要对代码进行一些黑客攻击。

Google drive电子表格就是解决这个有趣问题的一个很好的例子