Skip to content

Instantly share code, notes, and snippets.

@cokron

cokron/scrollable_divs.html

Created September 25, 2012 08:16
Show Gist options
  • Save cokron/3780589 to your computer and use it in GitHub Desktop.
Save cokron/3780589 to your computer and use it in GitHub Desktop.
Download ZIP
three scrollable columns similar to pivotal tracker
Raw
scrollable_divs.html
<html>
<head>
<style>
table{
height: 98%;
}
.panel {
vertical-align: top;
width: 33%;
}
.scroll{
height: 98%;
overflow-y: auto;
padding: 0.2em;
border: 1px solid blue;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="http://sanderkorvemaker.nl/jquery/js/jquery.lorem.js"></script>
</head>
<body>
<table>
<tr>
<td class="panel"><div class ="scroll lorem"></div></td>
<td class="panel"><div class ="scroll lorem_less"></div></td>
<td class="panel"><div class ="scroll lorem_much"></div></td>
</tr>
</table>
</body>
<script>
$(function(){
$('.lorem_less').lorem({ type: 'paragraphs',amount:'14',ptags:true});
$('.lorem').lorem({ type: 'paragraphs',amount:'16',ptags:true});
$('.lorem_much').lorem({ type: 'paragraphs',amount:'18',ptags:true});
});
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment