Я пытаюсь сделать 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