我使用Angular JS粘性指令在滚动时将表头绑定到页面顶部。该表位于具有固定宽度的引导容器中,当Angular脚本激活时,它显示整个标题,从而与其所在的容器重叠(如果表中有足够的列)。
当我有更多的列而不是容器中的列时,我得到一个水平滚动条,但这不适用于粘性标题。
任何可能知道如何解决这个问题的人?我无法向您展示任何实际示例,因为我不知道如何在小提琴(或任何其他在线编译器)中添加Angular指令。
以下是两个截图。
这个展示了容器如何防止显示某些列,因为表格比容器本身宽:http://imgur.com/Cj7UBak
这个显示了粘性标头与容器重叠的方式:http://imgur.com/KkGkOMy
它不应重叠
对不起,我无法提供它的工作演示,但我根本不知道如何包含Angular JS指令,如果没有它,演示将毫无用处。
修改
问题是,我发现,粘性指令将位置设置为固定,这将位置固定到浏览器,而不是任何父级。我不知道如何解决它,但也许这可以更好地解决每个人的问题。
答案 0 :(得分:1)
当我发现更多关于这个问题时,我意识到我应该重新解释这个问题。因此,我正在关闭这个问题并转而参考这个问题:
Position fixed within container element instead of the browser / viewport