J'essaie de créer un polymère papier-fab (bouton d'action flottant) Allez dans le coin inférieur droit de l'écran. Je veux aussi que cela disparaisse sur Faites défiler vers le bas, mais revenez ensuite sur Scroll Up (comme sur l'application Google+ Android). Comment puis-je faire ces 2 choses? Voici le site de test: http://www.infinitech.org/beta . Merci un tas pour l'aide!
4 Réponses :
Pour positionnement, vous devrez utiliser position: absolu et haut / bas / gauche / droite / droite. Pour la disparition sur le défilement vers le bas, vous devrez probablement utiliser des événements de défilement et des transformés CSS. Je ne suis pas le meilleur à l'une ou l'autre donc il pourrait y avoir une meilleure solution.
Si vous souhaitez garder la position même défilante, utilisez la position : fixe et les trucs gauche / haut / bas / bas.
Voici la référence: http://www.w3schools.com/css/csss_positioning.asp
Pour positionnement:
Ajout à une réponse précédente ...
Pour corriger le problème Down Down, définissez la propriété z-index code> CSS sur un nombre supérieur à 1. p> <style>
paper-fab {
z-index: 2;
position: fixed;
bottom: 30px;
right: 25px;
}
<style>
Savez-vous si vous avez trouvé une solution "meilleure" solution que celle @a. DuepPen a suggéré? On a l'impression que le papier-fabuleux devrait avoir une sorte de "système" pour se positionner au moins comme "flottant".
@ user2422321 Pas pour le moment. Sa réponse semble être la meilleure solution de contournement.
Avez-vous trouvé une solution pour afficher / masquer les événements de défilement fabulés en polymère?