Jquery 应用于多个dom元素的angular$window指令

我花了今天的时间尝试我的第一个指令，它在一定程度上有效，但我需要更多

我的想法是，我的应用程序将有一些长表，带有嵌套表。我希望能够在向下滚动时将当前正在查看的表的thead锚定到页面顶部，这样您就可以始终将数据与页眉匹配。我已设法使第一个标题生效：

我想做的是，但我无法解决的是，如何将此指令应用于多个表标题（以便嵌套标题在滚动时也锚定）

为了做到这一点，我现在有一个指令，为它需要处理的每个头创建一个父对象和一个子对象。问题是我无法确定如何让指令监视$window滚动条的更改：

正如您所看到的，我在指令中对范围的概念进行了大量的讨论（但到目前为止似乎都是这样），一旦到了这一点，它就不再处理正确的对象了

        angular.element($window).bind("scroll", function () {
          stickyHeads[i].elTop = stickyHeads[i].el.getBoundingClientRect().top;
          if ((stickyHeads[i].elTop <= glueToY) && (stickyHeads[i].inView === true)) {
            stickyHeads[i].inView = false;
            showHead(stickyHeads[i].newEl);
          };
          if (stickyHeads[i].elTop >= glueToY) {
            stickyHeads[i].inView = true;
            hideHead(stickyHeads[i].newEl);
          };
        });

angular.element（$window）.bind（“滚动”），函数（）{
stickyHeads[i].elTop=stickyHeads[i].el.getBoundingClientRect（）.top；
if（（stickyHeads[i].elTop=glueToY）{
stickyHeads[i].inView=true；
隐藏头（stickyHeads[i].newEl）；
};
});

有人能给我一些建议吗？我考虑过获取每个表的offset.top，并创建$window.scroll，如果它满足这些值中的一个，就触发一个更改，这有意义吗？或者是否有其他一些我完全缺少的angularey方式

---

编辑：我成功了

所以我发现，如果我在scroll事件中遍历stickyHeads对象，我可以得到角度来评估偏移量（）。每个元素的顶部，并根据需要隐藏/显示它

我还为每个额外的页眉添加了一个（粗糙而难看的）框阴影和偏移量，因为它固定在页面顶部，所以您可以看到它们堆积在一起

下一步，如果你滚动到桌子底部，我需要让它们再次消失，但我认为这应该不会太难