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?
10
A
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.
2
Nếu bạn muốn giữ vị trí thậm chí cuộn, hãy sử dụng position: fixed
và các chất liệu bên trái/trên/phải/dưới.
Đây là tài liệu tham khảo: http://www.w3schools.com/css/css_positioning.asp
12
Đối với vị trí:
<style>
paper-fab {
position: fixed;
right: 25px;
bottom: 30px;
}
</style>
Các vấn đề liên quan
- 1. kiểm tra đơn vị polymer phụ thuộc mocking
- 2. Trang mặc định của trang hoạt động lõi polymer
- 3. Google Plan: Polymer & Angular
- 4. Polymer 1.0 Iron-Ajax
- 5. Polymer 1.0 + Webpack
- 6. Polymer này và Cytoscape
- 7. Spinner tải trước polymer
- 8. Polymer Vulcanize CSS
- 9. Polymer và TypeScript
- 10. Polymer 1.0 sở hữu boolean có giá trị mặc định thiết lập là true
- 11. Polymer _routePageChạm chạy hai lần
- 12. Polymer - Hoạt hình một DIV
- 13. Liên kết nút lõi polymer
- 14. Bản địa hóa trong Polymer?
- 15. định vị hình nền css (vị trí phủ định?)
- 16. Không gian định vị CSS Selenium trong bộ định vị
- 17. MV * trong Polymer, các mô hình và dịch vụ như các nguyên tố polymer?
- 18. Biến phi tĩnh riêng trong polymer?
- 19. Polymer 1.0 dom-nếu vs ẩn
- 20. Cập nhật thành phần Polymer qua Websocket?
- 21. Polymer, cách lấy thông số url trong page.js thành phần tử polymer?
- 22. Polymer: Loại bỏ chính xác các nguyên tố polymer có phần tử bên trong nó
- 23. Định vị bảng LaTeX
- 24. WPF Tooltip định vị
- 25. SWFObject và định vị
- 26. Làm việc với Polymer và requirejs
- 27. Trộn Polymer 1.0 và Góc 1.x
- 28. Định vị cố định với cuộn
- 29. định vị và định cỡ ngDialog
- 30. Trộn nổi và định vị cố định
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
@ 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ó. –
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