Case de défilement avec les CSS
Je suis en train de créer un 100% pur CSS (pas de jQuery) "vers le Haut" le bouton, mais je voudrais que le bouton pour afficher uniquement si l'internaute fait défiler la page.
Est-il possible de vérifier avec CSS en quelque sorte? Donc si le visiteur défile vers le bas un peu les "Back to Top" bouton.
Merci!
Vous devez vous connecter pour publier un commentaire.
Déterminer par l'Emplacement du Curseur
Il est possible de le faire, ce serait d'afficher uniquement les
.toTop
élément lorsque l'utilisateur survole le contenu de la page elle-même, bien au-dessous de l'en-tête, et les liens de navigation:Vous pouvez voir l'effet ici: http://jsfiddle.net/GFfbe/1/
Ou, Lentement Découvrir
Sinon, vous pouvez lentement découvrir la
.toTop
lien avec un autre élément. Dans l'exemple ci-dessous, j'utilise le corps de pseudo-élément::before
pour couvrir le.toTop
élément, et lentement, se révèlent comme les rouleaux d'utilisateur:Vous pouvez voir cet effet ici: http://jsfiddle.net/GFfbe/2/
:hover
techniques . .:hover
semble jouir d'un soutien universel par les navigateurs mobiles: caniuse.com/#search=%3Ahoverhover
entre en collision avecclick
depuis les téléphones ne peuvent pashover
comme les utilisateurs de pc de bureau avec un curseur de souris. Donc dans un smartphone si vous touchez une image pour exemple, le hover gestionnaire de déclencheur, mais si vous avez un gestionnaire de clic déclenche également. Je pense que c'était et c'est toujours le problème?