themorgantown/iscroll.html

## iscroll.html
<!DOCTYPE html>
<html>
  <head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="chrome=1,IE=9" />
	<meta name="viewport" content="user-scalable=yes, width=1024" />
	<title>test</title>
	<style>
		body {
			background-color: #FFFFFF;
			margin: 0px;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
}


#wrapper {
	position:absolute; z-index:1;
	width:100%;
	height:100%;
	overflow:auto;
}


	</style>


<script type="application/javascript" src="iscroll.js"></script>

<script type="text/javascript">

var myScroll;
function loaded() {
	myScroll = new iScroll('wrapper', { scrollbarClass: 'myScrollbar' });
}

document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);

document.addEventListener('DOMContentLoaded', loaded, false);

</script>


  </head>
<script>
function BlockMove(event) { event.preventDefault(); }
</script>

<body ontouchmove="BlockMove(event);">
	<div style ="margin:auto;width:1024px">


	<!-- copy these lines to your document: -->

	<div id="test_hype_container" style="position:relative;overflow:hidden;width:1024px;height:768px;">
		<script type="text/javascript" charset="utf-8" src="test_Resources/test_hype_generated_script.js?63429"></script>
	</div>

	<!-- end copy -->


	</div>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="chrome=1,IE=9" />
	<meta name="viewport" content="user-scalable=yes, width=1024" />
	<title>test</title>
	<style>
	body {
	background-color: #FFFFFF;
	margin: 0px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	}



	#wrapper {
	position:absolute; z-index:1;
	width:100%;
	height:100%;
	overflow:auto;
	}


	</style>


	<script type="application/javascript" src="iscroll.js"></script>

	<script type="text/javascript">

	var myScroll;
	function loaded() {
	myScroll = new iScroll('wrapper', { scrollbarClass: 'myScrollbar' });
	}

	document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);

	document.addEventListener('DOMContentLoaded', loaded, false);

	</script>


	</head>
	<script>
	function BlockMove(event) { event.preventDefault(); }
	</script>

	<body ontouchmove="BlockMove(event);">
	<div style ="margin:auto;width:1024px">



	<!-- copy these lines to your document: -->

	<div id="test_hype_container" style="position:relative;overflow:hidden;width:1024px;height:768px;">
	<script type="text/javascript" charset="utf-8" src="test_Resources/test_hype_generated_script.js?63429"></script>
	</div>

	<!-- end copy -->



	</div>
	</body>
	</html>