Comment est-ce que je fais toujours un DIV flotter toujours dans le coin supérieur droit de l'écran, de sorte que même lorsque je fais défiler la page vers le bas, le DIV apparaît toujours dans le même emplacement fixe? Merci.Comment faire un DIV toujours flotter sur l'écran dans le coin en haut à droite?
Répondre
Utilisez position: fixed
, et l'ancrer aux côtés de top
et right
la page:
#fixed-div {
position: fixed;
top: 1em;
right: 1em;
}
IE6 ne supporte pas position: fixed
, cependant. Si vous avez besoin de cette fonctionnalité dans IE6, this purely-CSS solution semble faire l'affaire. Vous aurez besoin d'un wrapper <div>
pour contenir certains des styles pour que cela fonctionne, comme le montre le stylesheet.
Merci, mais j'ai besoin d'une solution cross-browser, que ce soit ou non seulement CSS ou un mélange de CSS et Javascript. – akanevsky
@akavsky Êtes-vous d'accord avec la fonction jquery $ (window) .scroll (function() { }); alors nous pouvons facilement positionner cela au .... coin droit en utilisant jquerys animer – kobe
Pour commenter la position: fixe ne fonctionnant pas dans IE, http://www.howtocreate.co.uk/fixedPosition.html est la solution de contournement pour cette . – digitalfoo
Utilisez position:fixed
, comme indiqué précédemment, IE6 ne reconnaît pas position:fixed
, mais avec un peu de magie css vous pouvez obtenir IE6 se comporter:
html, body {
height: 100%;
overflow:auto;
}
body #fixedElement {
position:fixed !important;
position: absolute; /*ie6 */
bottom: 0;
}
Le drapeau !important
le rend si vous n'avez pas à utiliser un commentaire conditionnel pour IE. Cela aura #fixedElement
utiliser position:fixed
dans tous les navigateurs, mais IE, et dans , position:absolute
prendra effet avec bottom:0
. Cela simulera position:fixed
pour IE6
Vous pouvez également utiliser '* html body #fixedElement {position: absolute; } 'après cette règle. – BoltClock
@BoltClock Bon point. – Alex
L'a fait dans Chrome, mais la 2ème position a priorité sur le 'fixed', donc je voudrais échanger l'ordre de ces deux. Cela rendra ce travail – patrick
- 1. Fix DIV vers le coin en bas à droite
- 2. Comment faire pour étendre un div en le faisant flotter?
- 3. jQuery En haut à droite coin page Retourner
- 4. Comment obtenez-vous le coin en haut à droite d'une image dans Flex
- 5. IE7 div boîtes avec clair: droite et float: gauche - flotter vers le haut
- 6. Comment puis-je faire flotter la 1ère div à gauche et la 2ème à droite?
- 7. comment faire une petite superposition dans le coin en bas à droite avec z-index 5?
- 8. WPF TabControl Onglets de position dans le coin en haut à droite
- 9. Mettez le coin UL à droite où le coin gauche DIV commence
- 10. Problème CSS simple: texte du titre en haut à gauche, bouton en haut à droite
- 11. Flex: comment mettre en page un composant en haut à droite d'une fenêtre?
- 12. bouton en haut à gauche et en haut à droite
- 13. Comment flotter à gauche et déborder vers le haut au lieu du bas de contenant div
- 14. comment faire coin rond de div
- 15. Flotter un DIV centré sur un autre DIV
- 16. Comment faire div développer tout le chemin à droite
- 17. contenu Faire à droite le plus dans une balise div
- 18. DIV intérieure verrouillé dans le coin inférieur droite de DIV externe
- 19. Impossible de faire flotter l'image à droite du texte dans IE 6
- 20. facebox fermer le bouton en haut à droite
- 21. Comment faire apparaître une div plus haut sur la page en amont du contenu plus haut dans le flux?
- 22. Liaison flottante dans un div vis vers le haut centrage de l'image sur la même ligne
- 23. Aide CSS - Comment faire flotter un div dans un quadrant supérieur droit d'une autre sorte div? Je dois faire une forme en L
- 24. faire flotter le film flash vers la droite et avoir un menu latéral html sur la gauche
- 25. Spécification d'images pour haut, bas, gauche et droite. Comment faire?
- 26. Comment faire flotter des éléments dans un div plus petit que ses éléments flottants?
- 27. élément Position dans le coin en bas à droite de la fenêtre actuelle
- 28. comment afficher un élément toujours en haut et centré?
- 29. Comment placer un img dans le coin inférieur droit d'une div
- 30. Comment faire div ayant coin arrondi avec deux couleurs?
voir ce lien, je pense que vous voulez le contraire de footy flottant footer.http: //stackoverflow.com/questions/146659/how-do-i-get-floating-footer- to-stick-to-the-bottom-of-the-viewport-in-ie-6 – kobe