Web视图中的顶部栏顶部，但移动底部而不是顶部

Question

我想在上面的Web视图中显示标题“ top bar”。但是在移动设备中，不是顶部而是底部。如何运作？

谢谢

Answer 1

您可以使用position：fixed来做到这一点。

.top-bar {
  position: fixed;
  bottom: 0;
  left: 0;

  @include breakpoint(medium) {
    top: 0;
    left: 0;
  }
}