J'ai besoin d'une solution pour émuler la position fixe, mais la div parent relative, pas la fenêtre entière. Les solutions JS sont décalées. J'ai besoin d'un conteneur parents lié fixe, car si la fenêtre a une petite hauteur, div avec une position fixe entre dans la zone de pied de page.Position parent fixe parent fixe
0
A
Répondre
2
Une autre approche concernant votre mise à jour.
Essayez de donner le fixe div
z-index: 10;
Et le pied de page div position: relative; z-index: 11
Cela devrait rendre le chevauchement de pied de page le div fixe.
0
il n'est pas une question de position: fixed, peut-être vous pouvez définir juste un min-hauteur de votre corps (ou sur l'emballage principal le cas échéant) afin d'éviter le problème de la courte page
+0
J'ai ajouté un exemple ce que je veux dire – INs
0
J'ai combiné et js: css
$(document).ready(function() {
var $sidebar = $(".register-box"),
$window = $(window),
$content = $("#content"),
docHeight = $(document).height();
var entered = false;
$window.scroll(function() {
if ($window.height() < 795 && docHeight - $window.scrollTop() < 785) {
entered = true;
var pos = $sidebar.offset();
$sidebar.css('position', 'absolute').css('top', ($content.height() - ($sidebar.height() + 40)) + 'px');
}
else {
if (entered) {
entered = false;
$sidebar.css({
top: "",
left: "",
position: "fixed"
});
}
}
});
});
code
n'est pas définitif, et les chiffres sont codés en dur, mais il fonctionne, assez lisse.
Questions connexes
- 1. position fixe de l'image
- 2. position fixe numéro
- 3. UITableViewHeader (position fixe)
- 4. div avec position fixe
- 5. clipAndEnableScrolling lorsque le parent n'a pas de hauteur fixe?
- 6. CSS: taille fixe div, position verticale fixe et centré horizontalement?
- 7. En-tête de table de position fixe par rapport à l'élément DIV de défilement parent
- 8. Comment déplacer la position fixe
- 9. Faking position fixe dans IE6
- 10. Hauteur du conteneur parent fixe, enfant à développer/être limité au conteneur parent
- 11. Fixe - Liquide - Disposition fixe
- 12. Application Web Android: Position: fixe cassé?
- 13. position fixe pour UIToolbar (iphone sdk)
- 14. Position fixe dans une seule direction
- 15. IE8, XHTML, position: fixe; et z-index
- 16. Faire une div avec position fixe
- 17. position css: fixe ne fonctionne pas dans
- 18. Position fixe ne fonctionnant pas sur l'ipad
- 19. CSS Position fixe avec marge automatique
- 20. Barre latérale de position fixe avec jQuery
- 21. Comment utiliser jQuery draggable à position fixe?
- 22. CSS - position fixe et en bas
- 23. position de l'élément parent xslt
- 24. Blocs à document fixe/fixe Page
- 25. Positionnement fixe IE6
- 26. parent fixe la largeur Centrage DIV à l'intérieur de la largeur 100% DIV
- 27. Transformer une table de parent/enfant à une colonne fixe dimentionnelle
- 28. position du tableau parent du tableau php
- 29. jQuery vérifier si position du support du navigateur: fixe
- 30. En position smarty div fixe ne fonctionne pas
Hm, c'est une bonne solution, mais je voulais arrêter le défilement du widget près de footer. – INs
Certainement pas possible sans Javascript. –
peut-être vous connaissez la bonne solution de JS avec le défilement lisse, comme position fixe? jquery plugin scrollfollow est laggy. – INs