Как ориентировать кнопку полимерной бумаги в нижней части экрана

Question

Я работаю над полимерным приложением. Мне нужно поместить кнопку, которая будет всегда в нижней части экрана. как я могу добиться того же.

Answer 1

Просто сделайте свое положение абсолютным в основном документе и установите его нижнее и правое поля. Создание абсолютной позиции удаляет элемент из стандартного потока и заставляет другие элементы игнорировать его.

Answer 2

Для того чтобы разместить кнопку (ы) в правой нижней части страницы использовать следующий класс:

<style is="custom-style"> 
    .bottom-right { 
     position: fixed; 
     right: 10px; 
     bottom: 10px; 
    } 
</style> 

Ниже приведен пример двух кнопок, расположенных в нижней правой части страницы. Я поместил две кнопки в элемент бумажного материала, чтобы переместить обе кнопки вместе.

<paper-material elevation="0" class="bottom-right"> 
    <paper-button raised> 
     <iron-icon icon="icons:save"></iron-icon>Save 
    </paper-button> 
    <paper-button raised> 
     <iron-icon icon="icons:cancel"></iron-icon>Cancel 
    </paper-button> 
</paper-material> 

Довольно часто кнопки размещены внутри бумажной диалога, в том случае, если один хочет, чтобы поместить кнопки в нижней правой части диалогового окна. Чтобы перемещать кнопки относительно ближайшего расположенного предка (вместо позиционирования относительно окна просмотра, например, фиксированного), измените положение на абсолютное, как в следующем фрагменте.

<style is="custom-style"> 
    .bottom-right { 
     position: absolute; 
     right: 10px; 
     bottom: 10px; 
    } 
</style>