IE9 étrange position fixe problème

Si vous allez ici , en faisant défiler la page, vous remarquerez que le panneau de droite contenant les achats et les catégories se déplace également …

J’utilise ce script pour cela:

$(function () { var btn = $('.scroll'); var btnPosTop = btn.offset().top; var win = $(window); win.scroll(function (e) { var scrollTop = win.scrollTop(); if (scrollTop >= btnPosTop) { btn.css({ position: 'fixed', top: 10, marginTop: 0, 'z-index': 1, width: '260px'}); } else if (btn.css('position') === 'fixed') { btn.css({ position: '', top: '', marginTop: '0px', 'z-index': 0 }); } }); }); 

Tout fonctionne bien sauf que dans IE 9, le div n’est plus affiché lors du défilement (oh, oui, il est là mais n’est pas visible).

Comme vous pouvez le constater, j’ai même essayé d’utiliser z-index dans le script ci-dessus en espérant que cela corrigera le problème, mais c’est en vain.

• augmenter la largeur de l’élément à l’aide de jQuery ou JS
• Ajouter / supprimer une classe à la balise d’ancrage avec les boutons jrapery bootsrap de jQuery- twitter?
• Capturer dynamicment une position div
• Réduire l’image tout en contraignant les proportions?
• La superposition Fancybox n’est pas présente dans les anciens IE

Pouvez-vous suggérer une solution?

• Image CSS provoque des problèmes dans le menu
• Couleur moyenne d’une image de la région sélectionnée donnant une mauvaise image
• développer le contenu div défiler
• jQuery UI draggable & position relative, passez en absolu lors du redimensionnement
• changer l’index z de plusieurs div en utilisant javascript ou jquery