我想弄清楚为什么当我改变我的角度视图时,我的贴纸面板不会停留.
我已经将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.