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

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