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

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