Alguém sabe de um plugin jQuery navegação olho de peixe / dock que é capaz de ter uma posição fixa?

StackOverflow https://stackoverflow.com/questions/1249903

Pergunta

Eu estou olhando para colocar um olho de peixe horizontal / doca nav no meu site, mas eu preciso dele para ser fixado posicionamento ... todos os que eu encontrei não suportam posicionamento fixo.

Aqui estão os links para alguns dos que eu encontrei:

  • jQuery OS X Doca # 1 - não suporta posicionamento fixo
  • CSS Menu Doca - Isto é muito semelhante ao a acima ...
  • euDock 2,0 - suportes semelhantes para posicionamento fixo (posição: absoluto com javascript para se certificar de que permanece no mesmo lugar), mas isso não funciona porque é muito nervoso quando você rolar para baixo (Veja o que quero dizer, indo para esse link e rolagem) ... real posição fixa geralmente é perfeitamente lisa com rolagem.

Eu ainda tenho que ver uma horizontal que não quebra, não há uma vertical que funciona na mesma página como o primeiro link acima.

Alguém sabe qualquer menu fisheye / doca que irá trabalhar com posicionamento fixo?

Editar: A alteração do posicionamento fixo vai quebrar a funcionalidade destes menus em particular (eles ainda dizem que no artigo, em primeiro link acima). Eu estou procurando um que não vai quebrar se eu mudar o posicionamento fixo.

Foi útil?

Solução

getPointer : function(event)
{
    var x = event.pageX || (event.clientX + (document.documentElement.scrollLeft
            || document.body.scrollLeft)) || 0;
    var y = event.pageY || (event.clientY + (document.documentElement.scrollTop
            || document.body.scrollTop)) || 0;
    //subtract, add scrollbar    
    y -= $(window).scrollTop();
    return {x:x, y:y};
},

Modificar iutil.js de interface, você mostrar subtrair scrollTop

Outras dicas

posicionamento fixo pode ser feito com CSS.

#main_menu {
  position: fixed;
  top:10px;
  left:10px;
}

Eu não usei nenhuma dessas coisas fisheye javascript, mas eu presumo que eles vão trabalhar com elementos fixos.

Eu sugiro que você tente esta .

Por que você não obter a sua barra de navegação em um div e o conteúdo em outra div, com o excesso de automóvel? Em seguida, a navibar é sempre no topo.

Como aqui: http://www.pmob.co.uk/ temp / fixo-Header.htm

Alguns mais soluções out-of-the-box para evitar re0inventing a roda (claro, se a licença permite)

http://www.ndesign-studio.com/blog / / css-dock-mac menu

Você pode corrigir o jQuery interfaces de Fisheye com este patch. Então Fisheye trabalha com position: fixed;

ver: http://www.monkey-business.biz / 181 / jquery-interfaces de olho de peixe-posição-adesivo fixo /

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top