script de div que segue scroll não funciona no IE

[Marco Antônio S Barreto 0]

Tenho o seguinte código que funciona normalmente no chrome, mas no IE a div fica estática no navegador.

Alguem pode me ajudar?

 

<style type="text/css">#float { position:absolute;}</style>
<script language="javascript">
   var divstart = 0;
   var divfloat = null;

   function getTop(obj) {
      return (obj.offsetParent ? (getTop(obj.offsetParent) + obj.offsetTop) : obj.offsetTop);
   }

   function updatediv() {
      var y   = (document.all)?document.body.scrollTop:window.pageYOffset;
      divfloat.style.top = (divstart + y) + "px";
   }

   onload = function () {
      window.onscroll = updatediv;
      window.onresize = updatediv;
      divstart = getTop(document.getElementById("float"));
      divfloat = document.getElementById("float");
   }
</script>

[Bergs 53]

em qual versão do ie não está funcionando?

[Marco Antônio S Barreto 0]

Em nenhuma versão, nem no IE 10.

[KhaosDoctor 242]

Funciona em todos os outros navegadores?

[Bergs 53]

Você poderia fazer isso só com css, troca o position absolute por position fixed e adiciona as coordenadas via css.

[Marco Antônio S Barreto 0]

Não tenho ideia de como fazer isso, Bergs.

[Bergs 53]

Retira o javascript e coloca na sua div #float o css assim:

 

/* Exemplo */

 

#float {

    position: fixed;    left: 200px;     top: 100px; }

[KhaosDoctor 242]

Posiion fixed não funciona no IE, então não vai dar ceto pra trocar por isso, você vai ter que fazer algumas contas para pegar o inicio e o fim da página e manter a sua div sempre na mesma posição.

[Marco Antônio S Barreto 0]

Mais sugestões?

[Bergs 53]

Funciona sim!

 

Você testou?

[angelorubin 142]

Olá,

 

O problema esta na função updatediv, exatamente no ternário, não tive tempo de testar o porque, mas com esta modificação funcionou:

function updatediv() {
    var y = window.pageYOffset;
    divfloat.style.top = (divstart + y) + "px";
}

OBS: Está rodando no IE 9/10, mas no IE8 ainda esta com problema.