css - 如何始终在顶部显示 Bootstrap/Angular UI 警报？

Question

我正在使用 angular-UI 显示一些警报基本上由 Bootstrap 提供支持。但是，问题是如果客户导航到页面底部，则他们看不到警报。我想知道如何始终在顶部显示警报(我认为正确的术语是“固定位置”)

Answer 1

您究竟希望它如何工作？使用像 PNotify 这样的库可能是最简单的或 AngularJS-Toaster (plnkr) .

如果你想自己做，你可以把它们放在一个特殊的区域。对于这样的事情，您可以将警报放在 position:fixed ( plnkr ) 的 div 中:

<div style="position: fixed; top: 0; right: 0">
  <alert ng-repeat="alert in alerts" type="{{alert.type}}" close="closeAlert($index)">
      {{alert.msg}}
  </alert>
</div>