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.
Menu che scorre insieme alla pagina
- Creatore Discussione Marco_88
- Data di inizio
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
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:
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:
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.
Bisognerebbe impedire lo scroll orizzontale dell oggetto, bloccarlo solo sull asse verticale. Tramite i fogli di stile non sono riuscito.
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:
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.
Codice:
<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.
Ultima modifica:
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;
edit. Devo modificare la variabile var yOffset = $("div#menu").offset().top;
Ultima modifica:
