Menu et lien ancre

Signaler
Messages postés
12
Date d'inscription
mardi 10 octobre 2017
Statut
Membre
Dernière intervention
28 mars 2020
-
Messages postés
2075
Date d'inscription
mercredi 21 août 2002
Statut
Contributeur
Dernière intervention
16 mars 2020
-
Bonjour et merci pour votre aide. J'ai un 'Tabs bootstrap' dans une page html qui marchent super bien, j'aimerai a partir du menu de ma page, pouvoir arriver exactement sur la zone de tabs.

<div>
 <ul class="nav nav-pills nav-stacked col-md-3">
        <li class="active"><a href="#tab_a" data-toggle="pill">Assurance Vie</a></li>
        <li><a href="#tab_b" data-toggle="pill">Assurance maladie</a></li>
        <li><a href="#tab_c" data-toggle="pill">Assurance retraite</a></li>
 </ul>
<div class="tab-content col-md-9  prod-down">
        <div class="tab-pane active" id="tab_a">LOREM 1</div>
        <div class="tab-pane" id="tab_b">LOREM 2</div>
        <div class="tab-pane" id="tab_c">LOREM 3</div>
</div>
</div>


j'aimerai savoir comment faire pour atteindre exactement un contenu de ma 'Tabs' quand le clique sur le menu deroulant de ma page

<div class="dropdown">
<a class="dropdown-item" href="accueil.html">Accueil</a>
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown button
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#tab_a">Assurance Vie</a>
<a class="dropdown-item" href="#tab_b">Assurance maladie</a>
<a class="dropdown-item" href="#tab_c">Assurance retraite</a>
</div>

</div>

1 réponse

Messages postés
2075
Date d'inscription
mercredi 21 août 2002
Statut
Contributeur
Dernière intervention
16 mars 2020
302
Bonjour,

Il suffit que ta 'Tabs' ait un id (par exemple tabs) et de pointer ton lien vers page.html#tabs

Cordialement,