fixed ios iframe height issue & ios scrolling

docs/index.html

@@ -39,7 +39,9 @@
 
 		</div>
 
-		<iframe name="viewer"></iframe>
+		<div id="iframe-wrapper">
+			<iframe name="viewer"></iframe>
+		</div>
 
 		<script src="list.js"></script>
 
@@ -426,10 +428,9 @@
 
 				}
 
-				document.body.replaceChild( iframe, oldIframe );
+				document.getElementById('iframe-wrapper').replaceChild( iframe, oldIframe );
 				document.title = subtitle + 'three.js docs';
 
-
 			}
 
 			function decomposePageName( pageName, oldDelimiter, newDelimiter ) {

files/main.css

@@ -255,6 +255,7 @@ h1 a {
 		flex: 1;
 		overflow-y: scroll;
 		overflow-x: hidden;
+		-webkit-overflow-scrolling: touch;
 		padding: 0 var(--panel-padding) var(--panel-padding) var(--panel-padding);
 	}
 
@@ -311,15 +312,21 @@ h1 a {
 	padding-right: 2px;
 }
 
-#viewer,
 iframe {
-	position: absolute;
 	border: 0px;
+	width: 100%;
+	height: 100%;
+}
+
+#viewer,
+#iframe-wrapper {
+	position: absolute;
 	left: 0;
 	right: 0;
 	width: 100%;
 	height: 100%;
 	overflow: auto;
+	-webkit-overflow-scrolling: touch;
 }
 
 #viewer {
@@ -500,7 +507,7 @@ iframe {
 		transform: translate3d(-380px, 0 ,0);
 	}
 	#viewer,
-	iframe {
+	#iframe-wrapper {
 		left: 0;
 		top: var(--header-height);
 		width: 100%;