2010-11-12 10 views
0

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

Example

Répondre

2

Une autre approche concernant votre mise à jour.

Essayez de donner le fixe divz-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

Hm, c'est une bonne solution, mais je voulais arrêter le défilement du widget près de footer. – INs

+1

Certainement pas possible sans Javascript. –

+0

peut-être vous connaissez la bonne solution de JS avec le défilement lisse, comme position fixe? jquery plugin scrollfollow est laggy. – INs

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.