如何使按钮停留在屏幕底部？

Question

无论您如何向上或向下滚动页面，我都有一个希望停留在屏幕底部的按钮。 我需要它与窗口底部保持固定的距离。

如何使它像这样粘？

Answer 1

要使任何元素固定在页面上与滚动无关，您需要使其位置固定

请检查以下CSS

button {
    position: fixed;
    bottom: 0;
    right: 0;
}

Answer 2

只需在css下面添加：

button{
    position:fixed;
    left:10px;
    bottom:10px;
}

Answer 3

CSS

button {
  position: fixed;
  bottom: 10px;
  right: 10px;
}

这样的事情。

Answer 4

即使在滚动时也要保持按钮固定在页面底部：

button { 
  position:relative; 
  margin-top:100%; 
  left:50%; 
} 

的jsfiddle

要将按钮定位在页面底部，但随着滚动移动：

button{
        position:absolute;
        bottom: 5%;
        right:50%;
    }

的jsfiddle