Défilement le contenu de l'onglet avec Bootstrap

Au sein d'une hauteur fixe de conteneur, je tiens à rendre le contenu de l'onglet défilement, de laisser les onglets en haut. 

<div class="bs-example bs-example-tabs" style="height: 200px; border: 1px solid black">

    <ul id="myTab" class="nav nav-tabs">
        ...     
    </ul>

    <div id="myTabContent" class="tab-content">
        This is long and must scroll, tabs must stay on top
        ....
    </div>

</div>

Voir http://jsfiddle.net/graemian/Wxr9d/3/

J'ai trouvé une solution en utilisant le flex mise en page:

http://jsfiddle.net/graemian/wefPL/1/

(Chrome seulement), mais il y a sûrement une autre façon simple?

InformationsquelleAutor Graeme Pyle | 2013-12-12
  1. 2

    Vous pouvez émuler faites défiler avec overflow:auto 

    .bs-example{
   position: relative;
}

.tab-pane{
   position: absolute;
   top: 42px;
   bottom: 0;
   right: 0;
   left: 0;
   overflow:auto;
}
    • Très intelligent! Est-il un moyen de contourner le fixe "42px"?
    • vous pouvez ajouter simplement height: 180px; overflow: auto; à la .tab-pane bloc, où 180px = hauteur de .bs-exemple - hauteur de .nav-tabs. et supprimer des styles tels que la position: absoulte et d'autres
    InformationsquelleAutor Slawa Eremkin