JSFiddle - React, Tailwind, and code Playground

by krish

HTML

<html>
    <head>
        <link rel="stylesheet" media="screen" href="//cdn.a973c.com/scripts/bootstrap/2.2.2/bootstrap-2.2.2.css">
        <link rel="stylesheet" media="screen" href="//cdn.a973c.com/scripts/bootstrap/2.2.2/bootstrap-responsive-2.2.2.css">
   </head>
    <body>
        <div id="tb1">tb1</div>
        <div id="tb2">tb2</div>
        <div id="container" class="container-fluid">
            <div class="row-fluid" id="row1" style="height:1500px;">
                <h1>content</h1>
                <h1>content</h1>
                <h1>content</h1>
                <h1>content</h1>
                <h1>content</h1>
                <h1>content</h1>
                <h1>content</h1>
                <h1>content</h1>
                <h1>content</h1>
                <h1>content</h1>
                <h1>content</h1>
                <h1>content</h1>
                <h1>content</h1>
                <h1>content</h1>
                <h1>content</h1>
                <h1>content</h1>
                <h1>content</h1>
            </div>
        </div>
    </body>
</html>

CSS

html {width:100%;height:100%;overflow:auto;}

#tb1{width:100%;height:40px;background-color:blue;}
#tb2{width:100%;height:30px;background-color:red;}
#container{background-color:transparent;overflow-y:hidden;height:500px;}
#row1{padding:10px;overflow-y:scroll;max-height:100%;
background:url(http://placehold.it/350x150.png) no-repeat scroll;
}