Кнопка начальной загрузки внизу страницы

Question

У меня есть приложение для iPhone, созданное с помощью Bootstrap.Одна из страниц - это html-страница статического текста с кнопкой внизу.

Если статический текст слишком длинный для экрана, и пользователь прокручивает страницу вверх, чтобы увидеть остальную часть текста,кнопка прокручивается вверх по тексту и не фиксируется в нижней части экрана.

Это HTML-код в конце страницы

<div class="col-xs-12 col-sm-12 no-padding">        
    <button class="btn btn-block no-padding" 
        type="submit" ng-click="accept()" id="login-btn"> 
         {{"button.accept"}}
    </button>
</div>

Как мне сделать кнопку-стиквниз, даже если страница прокручивается вверх.

Answer 1

Полагаю, вы бы также хотели, чтобы кнопка была в центре.Также не было бы необходимости иметь кнопку внутри элемента div, если она будет абсолютно позиционирована.Кроме того, из-за position: absolute я бы использовал свойства left и transform, которые я установил ниже, чтобы центрировать его:

.button {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

Если вам нужен этот div по какой-либо причине, тогда применитевышеуказанный CSS для div и не для кнопки.

Answer 2

Вы можете создать новый класс для своей кнопки и задать ей абсолютную позицию, например:

.my-fixed-button {
  position: absolute;
  right: 15px;
  bottom: 15px;
}

… не проверено, должно работать;)