JSFiddle - React, Tailwind, and code Playground
by gsferreira
HTML
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<div class="col-xs-6">
<div id="container">
<ul>
<li>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sagittis porta porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat iaculis magna, ultricies eleifend libero porta non. Cras nibh purus, lobortis at ultrices et, interdum in nunc. Nullam aliquet lacinia hendrerit. Etiam ut condimentum ipsum. Maecenas ullamcorper sapien vel dapibus venenatis. Fusce porttitor leo nec nunc laoreet venenatis. Vestibulum porta elementum ornare. In hac habitasse platea dictumst.
Aliquam eu nulla sed magna aliquet feugiat. Vestibulum sit amet est nulla. Vivamus porta blandit bibendum. In id porttitor enim. In bibendum augue lacinia dolor suscipit, sit amet imperdiet ante posuere. Mauris lacinia venenatis mauris, eget dapibus erat blandit a. Sed mattis, elit at imperdiet cursus, ligula ipsum rhoncus nisl, nec mattis tellus tellus eget metus. Morbi ligula ligula, iaculis vel vulputate id, facilisis sit amet libero. Maecenas nec orci vehicula urna molestie sollicitudin. Vivamus et neque id nulla adipiscing lacinia at ac nibh.
Donec id erat mauris. Suspendisse vehicula dolor id ornare bibendum. Vivamus id aliquet risus, id feugiat lorem. Quisque mattis, ipsum at dictum accumsan, lorem eros cursus nisi, ac aliquet nulla mauris quis magna. Nam a interdum quam. Vestibulum ut massa nec turpis venenatis sagittis. Quisque sagittis vestibulum leo eu egestas. Etiam lacinia egestas augue, vitae porttitor lectus pulvinar non. Nulla facilisi. Nam posuere ante a dui blandit, sit amet imperdiet massa scelerisque. Maecenas ac vehicula nulla.
Phasellus non diam ante. Sed vitae ante sed lacus dapibus tempor cursus non orci. Cras tincidunt enim sit amet purus dictum volutpat. Morbi purus diam, pretium a vulputate et, viverra gravida sem. Sed laoreet, nisl sed egestas venenatis, nisi massa...
CSS
html, body, #container
{
/* overflow: hidden;*/
height: 100%
}
ul
{
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
height:100%;
}
.col-xs-6
{
height:100%;
}
}