Skip to content

Instantly share code, notes, and snippets.

@nktpro
Created April 19, 2012 00:02
Show Gist options
  • Save nktpro/2417458 to your computer and use it in GitHub Desktop.
Save nktpro/2417458 to your computer and use it in GitHub Desktop.
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta id="extViewportMeta" name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<title></title>
<style type="text/css">
html, body {
overflow: hidden;
padding: 0;
margin: 0;
height: 100%;
}
#view {
/*position: absolute;*/
width: 100%;
height: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
}
#scrollable {
-webkit-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
border: 1px solid blue;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
#nested {
border: 1px solid red;
-webkit-box-flex: 1;
overflow: auto;
-webkit-overflow-scrolling: touch;
position: relative;
}
#content {
position: absolute;
min-width: 100%;
min-height: 101%;
}
</style>
</head>
<body>
<div id="view">
<div id="scrollable">
<div id="nested">
<div id="content">
Whatever shit goes here
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment