Full page scrolling


List item
List item
List item
List item
List item
List item
List item
List item
List item
List item
List item
List item
List item
List item
List item
List item
List item
List item
List item
List item
List item
List item
List item
List item
List item
List item


HTML:
<body>
	<div id='pageWrapper'>
		<div>
			...
		</div>
	    <div id='listCont'>
	        <div class='listItem'>
	            List item
	        </div>
	        <div class='listItem'>
	            List item
	        </div>
	        ...
	    </div>
		<div>
			...
		</div>
	</div>
</body>

CSS:
#pageWrapper {
	height: 100%;
	overflow: auto;
}

#listCont {
	position: relative;
	border: 1px solid #777777;
}

#listCont.left-list, #listCont.right-list {
	overflow-x: hidden;
}

.listItem {
	padding: 1.4em;
	background-color: #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
}

JS:
lithiumlist.attachToList(
    '123456789',
    document.getElementById('pageWrapper'),
    document.getElementById('listCont'),
    'listItem'
);