1485 sujets

Web Mobile et responsive web design

Bonjour, j'ai un menu vertical fixe contenant des liens ancrés.


<nav class="vertical-nav">
	<ul>
		<li><a href="#1">1</a></li>
		<li><a href="#2">2</a></li>
		<li><a href="#3">3</a></li>
		<li><a href="#4">4</a></li>
		<li><a href="#5">5</a></li>
		<li><a href="#6">6</a></li>
	</ul>
</nav>


.vertical-nav{
	background-color: #BBB;
	width: 220px;
	margin-right: 20px;
	position: fixed;
}


Lorsque je teste ces liens depuis un ipad, je touche un premier lien : OK, mais lorsque je touche un second ça ne fonctionne pas, pour que cela fonctionne il faut scroller un petit peu puis retoucher le lien ancré.

J'ai testé sur d'autre site comme bootstrap : même résultat !

J'aimerais donc savoir s'il y a un moyen de contourner ce problème ?
Modifié par funbeetroots (18 Mar 2013 - 10:38)