Pourquoi « Position : Sticky » ne fonctionne-t-il pas pour les boutons dans Internet Explorer 11 ?

Les boutons collants ne fonctionnent pas dans Internet Explorer 11

Bien que position: sticky puisse effectivement apposer des boutons en bas de page dans Firefox, il ne parvient pas à fonction dans Internet Explorer 11. Cet article explore une solution pour reproduire le comportement souhaité dans IE11.

Solution : Utiliser Position : Fixe

Étant donné que sticky n'est pas pris en charge dans IE11, une alternative consiste à utiliser position :fixe. Cette propriété obtient un effet similaire en gardant les éléments fixes à leurs positions désignées.

CSS modifié :

.sticky-button-thing-not-working-on-ie {
  position: fixed; /* Added to support older browsers */
  position: sticky;
  bottom: 0;
  right: 0;
  background: rgba(0, 211, 211, 0.6);
}

Remarque : La propriété sticky peut être omis car il n’est pas utilisé comme prévu dans ce scénario. Sticky est principalement utilisé pour positionner les éléments sous le bord supérieur, de sorte qu'ils se déplacent avec la page lorsque l'on fait défiler vers le bas jusqu'à atteindre le bord supérieur où ils deviennent stationnaires.

Informations supplémentaires :

• Edge prend en charge Sticky à partir de la version 16.
• Un exemple de page présentant le comportement corrigé peut être trouvé sur https://jsfiddle.net/thunderbolt36/a4yjfg13/.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!