路由器出口处的粘性底部元件

Question

结构：

<app-header></app-header>
<router-outlet></router-outlet>
<app-footer></app-footer>

一个组件具有一个按钮，我想使其粘在底部。喜欢：

position: -webkit-sticky;
position: sticky;
bottom: 1rem;
align-self: flex-end;

但是您看到有一个app-footer-在页脚部分向下滚动时，我的按钮不会粘到底部。如何在页脚上方也将其粘在底部？

Answer 1

为按钮使用固定位置

.button-class {
 position: fixed;
 bottom: 1rem;
}