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

Question

無論您如何在頁面上下滾動頁面，我都有一個按鈕可讓我保持在屏幕的底部。我需要它保持距離窗戶底部一段固定的距離。

如何讓它變得粘稠？

Answer 1

只需添加下面的CSS：

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

Answer 2

爲了保持固定的頁面上的任何元素irrelevantto滾動，你需要使它定位固定

請檢查下面的CSS

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

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