1485 sujets

Web Mobile et responsive web design

Bonjour à tous,

J'ai un souci avec Dragdealer, je l'utilise pour un menu dans un header, la difficulté est que les liens ne sont plus cliquables du tout sur mobiles (android, iphone, ...) Je suppose qu'il prend les éléments enfants, comment faire pour que les liens soit de nouveau cliquables?




<div id="scrolltouch" class="slider">
<ul id="main-menu" class="handle">
<li><a>menu 1</a></li>
<li><a>menu 2</a><li>
...
</ul>
</div>


css :


#scrolltouch{display:block; position:relative; z-index:0;}
#main-menu{display:block; position:relative; z-index:1;}
#main-menu li{display:block; position:relative; z-index:2;}
#main-menu li a{display:block; position:relative; z-index:3;}


Merci Smiley biggrin
J'ai trouvé une solution plus simple pour d'autres personnes :

Il y a Iscroll.js qui réalise beaucoup beaucoup de choses.
Sans autre infos sur ta feuille de style, je me serais contenter en premier lieu de :
#main-menu li a{display:block; position:relative;}/* ce qui suffit généralement a remettre en avant plan cet element sur body ou dans son plus proche parent en position autre que static.*/

puis , au besoin de l'ajout du z-index
#main-menu li a{display:block; position:relative; z-index:1;}

avant d'aller fouillé dans les styles que ton javascript crée a la volée.

++
En faite j'ai regardé, le script tout les cliques dans la balise, j'ai testé le z-index cela ne fonctionné pas. Utilisé du jquery aussi mais rien je pense qu'il faut bidouiller le js mais vue que iscroll est simple léger, j'ai pris iscroll.

En tout cas merci pour ton aide Smiley lol