Chrome scroll

by Jools Chadwick

HTML

<input type="button" value="Tiny">
<input type="button" value="Small">
<input type="button" value="Goldilocks">
<input type="button" value="Big">

<div id="scroller">
  <div id="content"></div>
</div>

CSS

#scroller{
  overflow:auto;
  width:100px;
  height:100px;
}
#content{
  width:100px;
  height:100px;
  background-color: blue;
}

JavaScript

var $content = $('#content');
$('input').click(function(){
	$content.height(80+$(this).index()*10);
})