Comment cacher un div flottant

Question

En ce moment j'ai une boîte flottante sur le côté gauche de mon site qui détient un trébucher, Facebook, Twitter partager le code. Il reste en place pendant que vous faites défiler mais je veux qu'il disparaisse si le pied de page est affiché.

J'ai une page qui est de 960 px de large et la boîte flottante montre très bien mais le pied de page est 100% large et la boîte couvre le pied de page. Donc, si mon pied de page est de 300 pixels, comment puis-je cacher la boîte flottante SI je suis à moins de 300 px du bas de la page?

Answer 1

Essayez d'utiliser la propriété z-index.

#footer{ position:absolute; z-index:2; } 
#fixme{ z-index:1; } 

Veuillez publier plus de votre code. Ou utilisez http://jsfiddle.net

Answer 2

Notez que la solution de l'index z est probablement ce que vous voulez, mais cela ne fonctionnera que si le pied de page est un élément frère du panneau à position fixe (pas exactement ... il suffit d'être dans le même 'contexte d'empilement').

Vous voudrez probablement créer le pied de page {position: relative; z-index: 2;}, à moins qu'il ne soit déjà absolument positionné.

Si vous n'aimez pas le panneau situé derrière le pied de page, le seul moyen de faire en sorte que le panneau arrête de défiler avant le pied de page est le javascript.