2014-11-27 17 views
10

Tôi đang cố gắng tạo một Polymer paper-fab (nút tác vụ nổi) ở góc dưới cùng bên phải của màn hình. Tôi cũng muốn nó biến mất khi cuộn xuống nhưng sau đó trở lại cuộn lên (như trên ứng dụng Google+ Android). Làm thế nào để tôi làm 2 điều đó? Đây là trang web thử nghiệm: http://www.infinitech.org/beta. Cảm ơn một loạt sự giúp đỡ!Polymer - định vị giấy-fab?

+0

Bạn có biết nếu bạn tìm thấy một "tốt hơn" giải pháp thì một @A. Doppen đề nghị? Nó cảm thấy như giấy-fab nên có một số loại "hệ thống" để ít nhất là vị trí của mình là "nổi". – Whyser

+0

@ user2422321 Không phải lúc này. Câu trả lời của ông có vẻ là giải pháp tốt nhất cho nó. –

+0

bạn có tìm thấy một giải pháp để hiển thị/ẩn fab trên các sự kiện cuộn trong polymer không? – chwzr

Trả lời

4

Để định vị, bạn sẽ phải sử dụng các giá trị position: absolute và trên/dưới/trái/phải. Đối với việc biến mất khi cuộn xuống, có thể bạn sẽ phải sử dụng các sự kiện cuộn và các biến đổi CSS. Tôi không phải là tốt nhất tại một trong hai vì vậy có thể có một giải pháp tốt hơn.

12

Đối với vị trí:

<style> 

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

</style>