Untitled

dabblet.css

.a {
	position: absolute;
	width: 500px;
	border: 1px solid;
	height: 100px;
	overflow-y: hidden;
	overflow-x: auto;
	display: flex;
}

.b {
	/*position: absolute;*/
	width: 100px;
	flex-shrink: 0;
	height: 100px;
	border: 1px solid #f00;
}

.b1 {
   transform: translateX(800px);
}

.b7 {
    position: absolute;
	transform: translateX(700px);
}

dabblet.html

<div class="a">
	<div class="b b1">b1</div>
	<div class="b b2">b2</div>
	<div class="b b3">b3</div>
	<div class="b b4">b4</div>
	<div class="b b5">b5</div>
	<div class="b b6">b6</div>
	<div class="b b7">b7</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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