Menu che scorre insieme alla pagina

[Marco_88]

Allora riguardando il link che mi ha girato criric http://www.criric.it/esempi/scrollmenu.php ho notato ora che fa lo stesso difetto; da qui lo vedi chiaramente qual'è il problema.

 

[WottaFacca]

Allora riguardando il link che mi ha girato criric http://www.criric.it/esempi/scrollmenu.php ho notato ora che fa lo stesso difetto; da qui lo vedi chiaramente qual'è il problema.

Io lo sto provando su Firefox, macchina con windows 7 e non ho problemi, nel senso che il blocco blu fa il suo scroll correttamente, solo su e giù, non posso fare destra e sinistra xD

 

[Marco_88]

Esatto, infatti col mouse normale non ho problemi...ma sai che ti dico io lo lascio così, se mi dicono qualcosa gli dico che è fatto apposta per essere tolto se da fastidio alla visuale.:quote:

 

[WottaFacca]

Esatto, infatti col mouse normale non ho problemi...ma sai che ti dico io lo lascio così, se mi dicono qualcosa gli dico che è fatto apposta per essere tolto se da fastidio alla visuale.:quote:

Perfetto hahahah, una soluzione la si trova sempre lol

 

[criric]

Scusate l'ignoranza, cos'è il magic mouse apple ?

 

[WottaFacca]

Semplicemente il mouse dei Mac

 

[criric]

e cosa cambia da un mouse di windows ?

 

[WottaFacca]

Niente, solo che si usa sui Mac

 

[criric]

Quindi lo script che ho postato non funziona sul mac ?

 

[Marco_88]

Scusate l'ignoranza, cos'è il magic mouse apple ?

E' un mouse collegato via Bluetooth, la peculiarità è che integra in soldoni un touchpad, di conseguenza puoi muoverti nelle finestre anche orizzontalmente e zoommare. Molto comodo. :byebye:

 

[Marco_88]

Quindi lo script che ho postato non funziona sul mac ?

No funziona è solo che quando l'elemento si sblocca e diventa "fixed" , quando faccio lo scroll appunto orizzontale verso sinistra, l'elemento si sposta a destra.

 

[Marco_88]

Ecco uno screenshot:

 

[criric]

Capito
si sposta a destra perchè la regola left

'left': $("div#menu").offset().left,

lo costringe a stare ad una certa distanza dal bordo sinistro

edit
ho appena visto lo screen ... un disastro

 

[Marco_88]

Qui invece spostato a sinistra:

 

[criric]

Si perde anche la larghezza del content, peccato che non ho un magic mouse apple per provare
edit
a no ho visto male il content rimane invariato

 

[Marco_88]

Bisognerebbe impedire lo scroll orizzontale dell oggetto, bloccarlo solo sull asse verticale. Tramite i fogli di stile non sono riuscito.

 

[criric]

Sicuramente è un tema che è già stato affrontato da qualcuno nel mondo.
Come direbbe l'agente smith, occorre una ricerca estesa! :book:
Oggi no, ma, domani provo a dare un occhiata in giro.

 

[Marco_88]

Se riesci a risolvere, fammi sapere che sono curioso.

 

[Marco_88]

Ciao criric ho un problema con questo script, il menu praticamente si "sgancia" prima (circa 200px) di raggiungere il div che ho inserito nello script:

      <script type="text/javascript">
            $(document).ready(function () {
                var yOffset = $("div#menu").offset().top;
                $(window).scroll(function () {
                    if ($(window).scrollTop() > yOffset) {
                        $("div#menu").css({
                            'width': $(".d960").width() * 0.3,
                            'top': 0,
                            'left': $("div#menu").offset().left,
                            'right': $("div#menu").offset().right,
                            'position': 'fixed',
                            
                        });
                    } else {
                        $("#menu").css({
                            'width': "100%",
                            'top': yOffset + 'px',
                            'left': 0,
                            'right': 0,
                            'position': 'static'
                        });
                    }
                });
            });
        </script>




<div id="menu" style="z-index:999; float:left; ">

   <div id="nav">
      
        <ul>
			<li>
				<a href="#"><?php echo $labels['l_menu_immobili']?></a>
					<ul class="fallback">
						   <li><a href="<?php echo $_SESSION["www"]["lang"] ?>/products/287/commerciale"><?php echo $labels['l_menu_commerciale']?></a></li>
						   <li><a href="<?php echo $_SESSION["www"]["lang"] ?>/products/288/industriale"><?php echo $labels['l_menu_industriale']?></a></li>
						   <li><a href="<?php echo $_SESSION["www"]["lang"] ?>/products/360/residenziale"><?php echo $labels['l_menu_residenziale']?></a></li>
						   <li><a href="<?php echo $_SESSION["www"]["lang"] ?>/products/369/terreni"><?php echo $labels['l_menu_terreni']?></a>

//resto del codice...

p.s. per quanto riguarda lo scroll orizzontale (vedi gli ultimi post) è un problema che riguarda solo safari e il magic mouse, ergo con gli altri browser non ci sono problemi.

 

[Marco_88]

Ho scoperto che il difetto è provocato da un altro script che ho sopra il #menu che si attiva solo in determinate condizioni. Adesso vorrei capire se è possibile modificare questo script (lo scrollmenu) per dirgli che "in caso si attivi lo script sovrastante, deve spostarsi di tanti pixel quanto necessari".


edit. Devo modificare la variabile var yOffset = $("div#menu").offset().top;