Sto provando a creare un Polimero paper-fab (pulsante di azione mobile) nell'angolo in basso a destra dello schermo. Voglio anche che scompaia dallo scroll down ma poi ritorni su scroll up (come nell'app Google+ per Android). Come faccio a fare queste 2 cose? Ecco il sito di test: http://www.infinitech.org/beta. Grazie mille per l'aiuto!Polimero - posizionamento carta-fab?
Per il posizionamento, è necessario utilizzare i valori position: absolute e superiore/inferiore/sinistra/destra. Per la scomparsa sullo scroll down, probabilmente dovresti usare gli eventi scroll e le trasformazioni CSS. Non sono il migliore in entrambi, quindi potrebbe esserci una soluzione migliore.
Se si desidera mantenere la posizione anche in scorrimento, utilizzare position: fixed e gli oggetti left/top/right/bottom.
Ecco il riferimento: http://www.w3schools.com/css/css_positioning.asp
Per il posizionamento:
<style>
paper-fab {
position: fixed;
right: 25px;
bottom: 30px;
}
</style>
Sai se hai trovato una soluzione "migliore" poi quella @A. Suggerito Dueppen? Sembra che il paper-fab dovrebbe avere una sorta di "sistema" per posizionarsi come "galleggiante". – Whyser
@ user2422321 Non al momento. La sua risposta sembra essere la soluzione migliore per questo. –
hai trovato una soluzione per mostrare/nascondere il fab su eventi di scorrimento in polimero? – chwzr