Qualcuno sa di un plugin jQuery navigazione fisheye / dock che è in grado di avere una posizione fissa?
-
12-09-2019 - |
Domanda
Sto cercando di mettere un navigatore fisheye / dock orizzontale sul mio sito, ma ho bisogno di essere risolto posizionamento ... tutti quelli che ho trovato non supportano il posizionamento fisso.
Ecco i link ad alcuni di quelli che ho trovato:
- jQuery OS X Dock # 1 - non supporta il posizionamento fisso
- CSS Dock Menu - Questo è molto simile a quello di cui sopra ...
- euDock 2.0 - Supporta simile a posizionamento fisso (posizione: assoluta javascript per assicurarsi che rimane nello stesso luogo), ma questo non funziona perché è troppo nervosa quando si scorre verso il basso (vedere quello che intendo per andare a quel link e scrolling) ... vera posizione fissa di solito è perfettamente liscia con scorrimento.
Non ho ancora visto una orizzontale che non si rompe, c'è una verticale che funziona sulla stessa pagina come il primo link qui sopra.
Qualcuno sa qualsiasi menu fisheye / dock che funzionerà con posizionamento fisso?
Modifica Modifica del posizionamento fisso rompere la funzionalità di questi menu in particolare (dicono anche nell'articolo che nel primo link sopra). Sto cercando uno che non si rompa se cambio il posizionamento a fisso.
Soluzione
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};
},
Modifica iutil.js di interfaccia, si mostra sottrarre scrollTop
Altri suggerimenti
posizionamento fisso può essere fatto con i CSS.
#main_menu {
position: fixed;
top:10px;
left:10px;
}
Non ho usato uno di questi fisheye javascript cose, ma presumo che funzioneranno con elementi fissi.
Vi suggerisco di provare questo .
Perché Non tiratevi si ottiene la vostra barra di navigazione in un div, e il contenuto in un altro div, con troppopieno auto? Poi il navibar è sempre in primo piano.
Alcuni più soluzioni out-of-the-box da evitare re0inventing ruota (naturalmente, se la licenza permette)
È possibile patchare l'interfacce Fisheye jQuery con questa patch. Poi Fisheye lavora con position: fixed;
vedi: http://www.monkey-business.biz / 181 / jquery-interfaces-fisheye-posizione-patch fisso /