具有引导警报的Angularjs - 向下滚动时在屏幕上保持警报

Question

我正在使用这个例子 http://angular-ui.github.io/bootstrap/

<div ng-controller="AlertDemoCtrl">
     <alert ng-repeat="alert in alerts" type="{{alert.type}}"
        close="closeAlert($index){{alert.msg}}>    
    </alert>
    <button class='btn btn-default' ng-click="addAlert()">Add Alert</button>
</div>

当我向下滚动时，警报正从屏幕上消失。 当用户向下滚动时如何向下移动警报？

Answer 1

我建议在警报中添加一个课程。然后在@DeadCalimero建议时，添加以下css：

.alert-float {
  position: fixed,
  top: 10px,    // adjust if needed
  z-index: 1000 // or higher if needed
}

Answer 2

使用bootstrap类'affix'检查此http://getbootstrap.com/javascript/#affix，