Ancres internes ne fonctionnent pas avec appareil mobile

Bonjour,

Mes ancres situées à l'intérieur de la même page web ou mes liens ancrés provenant d'une autre page web fonctionnent parfaitement avec un ordinateur standard ou portable.

Cependant, avec un iPad ou autre appareil mobile, ils ne fonctionnent pas:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 <a id="ref_haut"></a>
 
 <!--Menu: le sous-menu permet d'accéder directement à des ancres internes d'une autre page-->
 
     <div id="menu">
         <ul>
            <li class="shaded">
                <a href="../fr/accueil.html">Accueil</a>
            </li>
            <li class="shaded">
                <a href="../fr/biographie.html">Biographie ▸</a>
                <ul class="menuderoulant">
                    <li class="shaded"><a href="../m_fr/biographie.html#p1">personne1</a></li>
                    <li class="shaded"><a href="../m_fr/biographie.html#p2">personne2</a></li>
                    <li class="shaded"><a href="../m_fr/biographie.html#p3">personne3</a></li>
                </ul>
            </li>
        </ul>
    </div>
 
 <!--Plus loin dans la page:-->
 
     <div>
         <span id="p1" style="font-size:20px;">personne1</span>
              <!--Pour revenir en haut de la page:-->
             <sup>
                 <a href="#ref_haut"><span style=" font-size:11px">&nbsp;top &uarr;</span></a>
             </sup>
      </div>

J'aimerais savoir ce qu'il manque ou ce qui n'est pas correct afin de pouvoir naviguer avec un appareil mobile.

Merci