css – Bootstrap data-spy =“affix”不适用于角度视图更改

我想弄清楚为什么当我改变我的角度视图时,我的贴纸面板不会停留.

我已经将affix属性直接添加到第一页面上的面板(详细信息),并将其留在数据间谍中,仅在第二页(航班)中.

在一个完整的网络版本中,如果我刷新航班页面,突然之间的贴缀踢入,并保持放置,当我滚动,但不是如果我只是浏览到使用角度的页面.

当我在视图之间导航时,看起来像是由Bootstrap添加到该类的附件.

HTML：

<div class="panel panel-primary mySidebar" id="sidebar" 
    data-spy="affix" data-offset-top="0" data-offset-bottom="200">

CSS：

.mySidebar.affix {
    position: fixed;
    top: 250px;  
}

.mySidebar.affix-bottom {
    position: absolute;
    top: auto;
    bottom: 450px;  
}

这是一个Plunker ..

http://plnkr.co/edit/S0Bc50?p=preview

我在这里发现了一个类似的问题：

Twitter Bootstrap: Affix not triggering in single page application

但是我不知道如何将这个应用于我的问题

任何帮助将是伟大的！

解决方法

Angular UI Utils(不是Angular UI Bootstrap,如注释中所述)具有可用于替代Affix的Scrollfix指令.我有同样的问题,因为在更改视图后,Affix不工作.我尝试添加Angular UI Scrollfix到我的应用程序,到目前为止它看起来像将会满足我的需要.

这是一个有用的Stack Overflow文章,我发现更多的解释和例子：Angular ui-utils scrollfix.