Прокручиваемое содержимое вкладки с Bootstrap

Question

В контейнере с фиксированной высотой я хотел бы прокрутить содержимое вкладки, оставив вкладки вверху.

<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> 

См http://jsfiddle.net/graemian/Wxr9d/3/

Я нашел решение, используя гибкую компоновку:

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

(хром-только), но, конечно, есть другой, более простой способ?

Answer 1

Вы можете эмулировать свиток с переполнением: авто

.bs-example{ 
    position: relative; 
} 

.tab-pane{ 
    position: absolute; 
    top: 42px; 
    bottom: 0; 
    right: 0; 
    left: 0; 
    overflow:auto; 
}