<!doctype html>
<html>

<head>
	<meta name="viewport" content="initial-scale=0.5,maximum-scale=0.5,minimum-scale=0.5,user-scalable=no" />
	<style>
		body { width: 640px; height: 920px; overflow: hidden; margin: 0; padding: 0; background: red; }
		.no-bounce { width: 100%; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
		.no-bounce > div { width: 100%; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
		.no-bounce > div > div { width: 100%; min-height: 101%; font-size: 30px; }
		p { display: block; height: 50px; }
	</style>
</head>

<body>

	<div class="no-bounce">
		<div>
			<div>
				<h1>Some title</h1>
				<p>item 1</p>
				<p>item 2</p>
				<p>item 3</p>
				<p>item 4</p>
				<p>item 5</p>
				<p>item 6</p>
				<p>item 7</p>
				<p>item 8</p>
				<p>item 9</p>
				<p>item 10</p>
				<p>item 11</p>
				<p>item 12</p>
				<p>item 13</p>
				<p>item 14</p>
				<p>item 15</p>
				<p>item 16</p>
				<p>item 17</p>
				<p>item 18</p>
				<p>item 19</p>
				<p>item 20</p>
			</div>
		</div>
	</div>

</body>

</html>
// Code goes here

/* Styles go here */