css - 带有 Bootstrap 警报的 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
}