kTmnh/gist:4661261

## gistfile1.html
<!DOCTYPE html>
<html>

<head>
  <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<script>
		window.onload = function() {
			var element = document.getElementById("test");
			var result = document.getElementById("result");
			var count = 0;
			element.addEventListener("touchend", function() {
				//if element fired touchend event, then add texts into the result element.
				result.innerHTML += "TouchEnd<br>";
				//then also starts the setTimeout timer at the sametime.
				setTimeout(function() {
					//but this timer doesn't fire if scroll event fires at the top window.
					//as a result, this "Timeout" text not inserted if the element flicked down.
					result.innerHTML += "Timeout<br>";
				}, 10);
			});
		}
	</script>
	<style>
		#test {
			width:200px;
			height:200px;
			border:1px solid #000000;
			-webkit-user-select:none;
		}
	</style>
</head>
<body>
	<div id="test">Tap or flick down me!</div>
	<div id="result"></div>
</body>
</html>
	<!DOCTYPE html>
	<html>

	<head>
	<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<script>
	window.onload = function() {
	var element = document.getElementById("test");
	var result = document.getElementById("result");
	var count = 0;
	element.addEventListener("touchend", function() {
	//if element fired touchend event, then add texts into the result element.
	result.innerHTML += "TouchEnd<br>";
	//then also starts the setTimeout timer at the sametime.
	setTimeout(function() {
	//but this timer doesn't fire if scroll event fires at the top window.
	//as a result, this "Timeout" text not inserted if the element flicked down.
	result.innerHTML += "Timeout<br>";
	}, 10);
	});
	}
	</script>
	<style>
	#test {
	width:200px;
	height:200px;
	border:1px solid #000000;
	-webkit-user-select:none;
	}
	</style>
	</head>
	<body>
	<div id="test">Tap or flick down me!</div>
	<div id="result"></div>
	</body>
	</html>