Buongiorno, vorrei sapere se qualcono sa come poter fare l'effetto del menu che rimane sempre nella stessa posizione come si vede su questa pagina: http://www.poste.it/azienda/
ho cercato sul forum ma niente, forse non ho cercato con i termini tecnici giusti...
Grazie a tutti
io so che si puo fare con javascript o css
qualcunaltro saprà altri 5/6 metodi quindi dipende dalla tua pagina
Ho trovato, si chiama menu fluttuante, ho trovato questo codice, ma avrei bisogno di personalizzarlo, per scostarlo dal margine superiore, vi riporto il codice:
<script type="text/javascript" language="javascript">
function setVariables(){
if (navigator.appName == "Netscape") {
v=".top=";h=".left=";dS="document.";sD="";
y="window.pageYOffset";x="window.pageXOffset";}
else {h=".pixelLeft=";v=".pixelTop=";dS="";sD=".style" ;
y="document.body.scrollTop";x="document.body.scrol lLeft";}checkLocationA()}
movex=0,movey=0,xdiff=0,ydiff=0,ystart=0,xstart=0
function checkLocation(){
object="object1";yy=eval(y);xx=eval(x);ydiff=ystar t-yy;xdiff=xstart-xx;
if ((ydiff<(-1))||(ydiff>(1))) movey=Math.round(ydiff/10),ystart-=movey
if ((xdiff<(-1))||(xdiff>(1))) movex=Math.round(xdiff/10),xstart-=movex
eval(dS+object+sD+v+ystart);eval(dS+object+sD+h+xs tart);
setTimeout("checkLocation()",10)}
function checkLocationA(){ystart=eval(y);xstart=eval(x);}
</script>
<body onload="setVariables();checkLocation()">
<div id="object1" style="position:absolute; visibility:show; left:0px; top:0px; height:800px; font-family:arial; font-size:14px">
</div>
penso che basti modificare lo stile del div nel body (left e top diversi da 0px)
ma penso anche che devi stare attento a cosa hai di fianco per non finirci sopra e nascondere altri elementi
no, cambiando topMargin dal body mi sposta tutti gli elementi... io devo spostare solo il menu
ma infatti ti ho parlato del div (contenuto nel body) e del suo stile
dove dice left:0px scrivi left:100px
no, niente...
comunque ho trovato qualcosa, funziona è modificabile ma c'è un problema...
non riesco a bloccare lo scroll verticale,praticamente fa lo scroll all'infinito vi riporto il codice:
<script type="text/javascript" language="javascript">
function mia_funzione(){
mio_oggetto.style.position = 'absolute';
mio_oggetto.style.left = '0px';
mio_oggetto.style.top = document.body.scrollTop + 354;
mio_oggetto.style.bottom = '900px';
}
</script>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onscroll="javascript:mia_funzione()" onResize="javascript:mia_funzione()">
<div id="mio_oggetto"></div>
Permessi di invio
Rispondi quotando