Полимер - позиционирующая бумага?

Я пытаюсь сделать Polymer paper-fab (кнопка плавающего действия) в правом нижнем углу экрана. Я также хочу, чтобы он исчез на прокрутке вниз, а затем вернулся на прокрутку вверх (например, в приложении Google+ для Android). Как мне это сделать? Вот тестовый сайт: http://www.infinitech.org/beta. Спасибо за помощь!

Ответ 1

Для позиционирования вам нужно будет использовать значения position: absolute и верхнего/нижнего/левого/правого. Для исчезновения при прокрутке вниз вам, вероятно, придется использовать события прокрутки и преобразования CSS. Я не лучший из них, так что может быть лучшее решение.

Ответ 2

Для позиционирования:

<style>

    paper-fab {
        position: fixed;
        right: 25px;
        bottom: 30px;          
    }

</style>

Ответ 3

Если вы хотите, чтобы положение даже прокручивалось, используйте position: fixed и элементы слева/сверху/справа/снизу.
Вот ссылка: http://www.w3schools.com/css/css_positioning.asp