Skip to content

Instantly share code, notes, and snippets.

@kazoo04

kazoo04/x_scroll.html

Created July 1, 2014 13:50
Show Gist options
  • Save kazoo04/885be58f6201d1fd9d99 to your computer and use it in GitHub Desktop.
Save kazoo04/885be58f6201d1fd9d99 to your computer and use it in GitHub Desktop.
Download ZIP
thotgamma
Raw
x_scroll.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
background: #000;
}
.tape {
width: 400px;
height: 120px;
background: #ccc;
overflow-x: auto;
overflow-y: hidden;
max-height: 120px;
}
.tape .container {
width: 9999px;
}
.element {
float: left;
width: 100px;
height: 100px;
border: solid 1px #000;
margin: 3px;
}
</style>
<body>
<div class='tape'>
<div class='container'>
<div class='element'>1</div>
<div class='element'>2</div>
<div class='element'>3</div>
<div class='element'>4</div>
<div class='element'>5</div>
<div class='element'>6</div>
<div class='element'>7</div>
<div class='element'>8</div>
<div class='element'>9</div>
<div class='element'>10</div>
</div>
</div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment