Alguém sabe de um plugin jQuery navegação olho de peixe / dock que é capaz de ter uma posição fixa?
-
12-09-2019 - |
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.
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.
Alguns mais soluções out-of-the-box para evitar re0inventing a roda (claro, se a licença permite)
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 /