AngularJS" Sticky"指令重叠父容器宽度

时间:2015-07-20 14:22:39

标签: html css angularjs twitter-bootstrap-3

我使用Angular JS粘性指令在滚动时将表头绑定到页面顶部。该表位于具有固定宽度的引导容器中,当Angular脚本激活时,它显示整个标题,从而与其所在的容器重叠(如果表中有足够的列)。

当我有更多的列而不是容器中的列时,我得到一个水平滚动条,但这不适用于粘性标题。

任何可能知道如何解决这个问题的人?我无法向您展示任何实际示例,因为我不知道如何在小提琴(或任何其他在线编译器)中添加Angular指令。

以下是两个截图。

这个展示了容器如何防止显示某些列,因为表格比容器本身宽:http://imgur.com/Cj7UBak

这个显示了粘性标头与容器重叠的方式:http://imgur.com/KkGkOMy

它不应重叠

对不起,我无法提供它的工作演示,但我根本不知道如何包含Angular JS指令,如果没有它,演示将毫无用处。

修改

问题是,我发现,粘性指令将位置设置为固定,这将位置固定到浏览器,而不是任何父级。我不知道如何解决它,但也许这可以更好地解决每个人的问题。

1 个答案:

答案 0 :(得分:1)

当我发现更多关于这个问题时,我意识到我应该重新解释这个问题。因此,我正在关闭这个问题并转而参考这个问题:

Position fixed within container element instead of the browser / viewport