Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Akssio

[Resolvido] topo fixo com jquery.... bug no IE

Recommended Posts

Estou desenvolvendo um site q contém um topo fixo...

para isso utilizei uma função jquery...

testei no chrome.. e firefox..... tudo funcionando perfeitamente!...

testei no IE.. pela primeira vez... e...surpresa!!! funcionou tb!!..

mas a alegria durou pouco...pois ao atualizar a página (F5)... a div "fixa"... desapareceu!...

atualizei de novo...e ela apareceu novamente.!!....e fica sempre assim...desaparecendo..qd der vontade!...

 

vai entender!...

oq será q está acontecendo??...

a página q contém a div é essa:

http://www.barrafoto.com.br/index2.php

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pronto!...agora não funciona é de jeito nenhum no IE... nem atualizando a página...

alguém tem uma dica do que pode estar acontecendo??

 

A link está no post acima....mas a parte do código envolvida é essa:

 

<script type="text/javascript" src="js/jquery-1.2.6.js"></script>
<script type="text/javascript" src="js/startstop-slider.js"></script>
<script type="text/javascript" src="Source/jquery-ui.min.js" ></script>
<script type="text/javascript" src="js/jqueryjscale.js"></script>


<style>
body{
text-align:center;
}
#cabecalho{
background:url(../images/barra_top.jpg);
background-repeat:no-repeat;
height:114px;
left:50%;
z-index:1;
margin-left:-495px;
padding:0;
position:absolute;
top:0px;
width:990px;
}

</style>

<script type="text/javascript">
	$(document).ready(function(){
	
   var y_fixo = $("#cabecalho").offset().top;
    $(window).scroll(function () {
        $("#cabecalho").animate({
            top: y_fixo+$(document).scrollTop()+"px"
            },{duration:200,queue:false}
        );
    });
			
	
 
	});
</script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Descobri o problema!!...

o erro ocorria com a propriedade margin-top q havia definido na div "geral"..

ela não estava funcionando no IE.... fazendo com que a div cabecalho ficasse por baixo da "geral"..

 

para resolver...criei uma outra div pra simular a margem...

 

o z-index..tb não devia estar funcionando..(mais uma do IE)....

 

mas tudo bem...tá resolvido!..

valew!...

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.