Untitled

dabblet.css

.a {
	border: 1px solid;
	padding: 5px;
	width: 100px;
}

.b {
 white-space: nowrap;
 	overflow-x: scroll;	overflow-y: hidden;	-webkit-overflow-scrolling: touch;
 	width: 100%;
}

.f {
	height: 49px;
	overflow-y: hidden;
  z-index: 10;
  position: fixed;
  top: 100px;
}

dabblet.html

<div class="a">
	<div class="b">1 2 3 3 4 5 6 7 7 8 9 10 11 12 13 14 15 16 17 18 19 20</div>
</div>

<div style="height: 49px;background-color: #F00">
	<div class="f">
		<div class="a">
			<div class="b">1 2 3 3 4 5 6 7 7 8 9 10 11 12 13 14 15 16 17 18 19 20</div>
		</div>
	</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}