Ir para conteúdo
Fórum Script Brasil
  • 0

Posição Menu Flutuante px x %


Rafael Wojcik

Pergunta

Olá Pessoal,

Estou precisando posicionar uma div flutuante, porém o código original permite apenas posicioná-lo determinando o afastamento do topo e esquerda através de pixels e além disso, se é visualizado em uma resolução diferente da resolução em que foi configurado ele fica desalinhado na página. Como posso definir que ele fique na mesma posição independente da resolução em que está sendo visualizado? Se eu definir em porcentagem resolve? Como fazê-lo? Segue ul link para visualizar como está posicionado em 1024 x 768: http://m-arnaud.com.br/default4.asp Obrigado

<div id="divTopLeft" style="position:absolute">

        O CONTEÚDO FICA AQUI!

    </div>
        
            
        <script type="text/javascript">
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function JSFX_FloatDiv(id, sx, sy)
{
    var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
    var px = document.layers ? "" : "px";
    window[id + "_obj"] = el;
    if(d.layers)el.style=el;
    el.cx = el.sx = sx;el.cy = el.sy = sy;
    el.sP=function(x,y){this.style.left=x+px;this.style.top=y+px;};

    el.floatIt=function()
    {
        var pX, pY;
        pX = (this.sx >= 0) ? 0 : ns ? innerWidth : 
        document.documentElement && document.documentElement.clientWidth ? 
        document.documentElement.clientWidth : document.body.clientWidth;
        pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ? 
        document.documentElement.scrollTop : document.body.scrollTop;
        if(this.sy<0) 
        pY += ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ? 
        document.documentElement.clientHeight : document.body.clientHeight;
        this.cx += (pX + this.sx - this.cx)/8;this.cy += (pY + this.sy - this.cy)/8;
        this.sP(this.cx, this.cy);
        setTimeout(this.id + "_obj.floatIt()", 10);
    }
    return el;
}
JSFX_FloatDiv("divTopLeft", 119,192).floatIt();
</script>

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...