Add iOS workaround to documentation pages (#9280)

* Add iOS workaround to BoxBufferGeometry

* Add iOS workaround to CircleBufferGeometry

* Add iOS workaround to CircleGeometry

* Add iOS workaround to ConeBufferGeometry

* Add iOS workaround to ConeGeometry

* Add iOS workaround to CylinderBufferGeometry

* Add iOS workaround to CylinderGeometry

* Add iOS workaround to DodecahedronGeometry

* Add iOS workaround to IcosahedronGeometry

* Add iOS workaround to LatheBufferGeometry

* Add iOS workaround to LatheGeometry

* Add iOS workaround to OctahedronGeometry

* Add iOS workaround to PlaneBufferGeometry

* Add iOS workaround to PlaneGeometry

* Add iOS workaround to RingBufferGeometry

* Add iOS workaround to RingGeometry

* Move header for consistency

* Add iOS workaround to SphereBufferGeometry

* Add iOS workaround to SphereGeometry

* Add iOS workaround to TetrahedronGeometry

* Add iOS workaround to TextGeometry

* Add iOS workaround to TorusBufferGeometry

* Add iOS workaround to TorusGeometry

* Add iOS workaround to TorusKnotBufferGeometry

* Add iOS workaround to TorusKnotGeometry

* Add iOS workaround to SkinnedMesh

* Add iOS workaround to MeshBasicMaterial

* Add iOS workaround to MeshDepthMaterial

* Add iOS workaround to MeshLambertMaterial

* Add iOS workaround to MeshNormalMaterial

* Add iOS workaround to MeshPhongMaterial

* Add iOS workaround to MeshStandardMaterial

docs/api/extras/geometries/BoxBufferGeometry.html

@@ -14,7 +14,23 @@
 
 		<div class="desc">This is the [page:BufferGeometry] port of [page:BoxGeometry].</div>
 
-		<iframe src='scenes/geometry-browser.html#BoxBufferGeometry'></iframe>
+		<iframe id="scene" src="scenes/geometry-browser.html#BoxBufferGeometry"></iframe>
+
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
+
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
+
+		}
+
+		</script>
 
 		<h2>Example</h2>
 
@@ -26,7 +42,6 @@
 
 		<h2>Constructor</h2>
 
-
 		<h3>[name]([page:Float width], [page:Float height], [page:Float depth], [page:Integer widthSegments], [page:Integer heightSegments], [page:Integer depthSegments])</h3>
 		<div>
 		width — Width of the sides on the X axis.<br />
@@ -37,7 +52,6 @@
 		depthSegments — Optional. Number of segmented faces along the depth of the sides. Default is 1.
 		</div>
 
-
 		<h2>Properties</h2>
 
 		<h3>.parameters</h3>

docs/api/extras/geometries/CircleBufferGeometry.html

@@ -14,9 +14,25 @@
 
 		<div class="desc">This is the [page:BufferGeometry] port of [page:CircleGeometry].</div>
 
-		<h2>Example</h2>
+		<iframe id="scene" src="scenes/geometry-browser.html#CircleBufferGeometry"></iframe>
+
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
+
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
 
-		<iframe src='scenes/geometry-browser.html#CircleBufferGeometry'></iframe>
+		}
+
+		</script>
+
+		<h2>Example</h2>
 
 		<code>
 		var geometry = new THREE.CircleBufferGeometry( 5, 32 );
@@ -25,7 +41,6 @@
 		scene.add( circle );
 		</code>
 
-
 		<h2>Constructor</h2>
 
 		<h3>[name]([page:Float radius], [page:Integer segments], [page:Float thetaStart], [page:Float thetaLength])</h3>
@@ -36,7 +51,6 @@
 		thetaLength — The central angle, often called theta, of the circular sector. The default is 2*Pi, which makes for a complete circle.
 		</div>
 
-
 		<h2>Source</h2>
 
 		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]

docs/api/extras/geometries/CircleGeometry.html

@@ -15,9 +15,25 @@
 		<div class="desc">CircleGeometry is a simple shape of Euclidean geometry.  It is contructed from a number of triangular segments that are oriented around a central point and extend as far out as a given radius.  It is built counter-clockwise from a start angle and a given central angle.  It can also be used to create regular polygons, where the number of segments determines the number of sides.
 		</div>
 
-		<h2>Example</h2>
+		<iframe id="scene" src="scenes/geometry-browser.html#CircleGeometry"></iframe>
+
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
+
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
 
-		<iframe src='scenes/geometry-browser.html#CircleGeometry'></iframe>
+		}
+
+		</script>
+
+		<h2>Example</h2>
 
 		<code>
 		var geometry = new THREE.CircleGeometry( 5, 32 );
@@ -26,7 +42,6 @@
 		scene.add( circle );
 		</code>
 
-
 		<h2>Constructor</h2>
 
 		<h3>[name]([page:Float radius], [page:Integer segments], [page:Float thetaStart], [page:Float thetaLength])</h3>
@@ -37,7 +52,6 @@
 		thetaLength — The central angle, often called theta, of the circular sector. The default is 2*Pi, which makes for a complete circle.
 		</div>
 
-
 		<h2>Source</h2>
 
 		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]

docs/api/extras/geometries/ConeBufferGeometry.html

@@ -14,10 +14,25 @@
 
 		<div class="desc">This is the [page:BufferGeometry] port of [page:ConeGeometry].</div>
 
+		<iframe id="scene" src="scenes/geometry-browser.html#ConeBufferGeometry"></iframe>
 
-		<h2>Example</h2>
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
+
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
+
+		}
 
-		<iframe src='scenes/geometry-browser.html#ConeBufferGeometry'></iframe>
+		</script>
+
+		<h2>Example</h2>
 
 		<code>var geometry = new THREE.ConeBufferGeometry( 5, 20, 32 );
 		var material = new THREE.MeshBasicMaterial( {color: 0xffff00} );
@@ -25,10 +40,8 @@
 		scene.add( cone );
 		</code>
 
-
 		<h2>Constructor</h2>
 
-
 		<h3>[name]([page:Float radius], [page:Float height], [page:Integer radiusSegments], [page:Integer heightSegments], [page:Boolean openEnded], [page:Float thetaStart], [page:Float thetaLength])</h3>
 		<div>
 		radius — Radius of the cone base. Default is 20.<br />
@@ -40,14 +53,12 @@
 		thetaLength — The central angle, often called theta, of the circular sector. The default is 2*Pi, which makes for a complete cone.
 		</div>
 
-
 		<h2>Properties</h2>
 
 		<div>
 		Each of the constructor parameters is accessible as a property of the same name. Any modification of these properties after instantiation does not change the geometry.
 		</div>
 
-
 		<h2>Source</h2>
 
 		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]

docs/api/extras/geometries/ConeGeometry.html

@@ -14,10 +14,25 @@
 
 		<div class="desc">A class for generating cone geometries</div>
 
+		<iframe id="scene" src="scenes/geometry-browser.html#ConeGeometry"></iframe>
 
-		<h2>Example</h2>
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
+
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
+
+		}
 
-		<iframe src='scenes/geometry-browser.html#ConeGeometry'></iframe>
+		</script>
+
+		<h2>Example</h2>
 
 		<code>var geometry = new THREE.ConeGeometry( 5, 20, 32 );
 		var material = new THREE.MeshBasicMaterial( {color: 0xffff00} );
@@ -25,10 +40,8 @@
 		scene.add( cone );
 		</code>
 
-
 		<h2>Constructor</h2>
 
-
 		<h3>[name]([page:Float radius], [page:Float height], [page:Integer radiusSegments], [page:Integer heightSegments], [page:Boolean openEnded], [page:Float thetaStart], [page:Float thetaLength])</h3>
 		<div>
 		radius — Radius of the cone at the base. Default is 20.<br />
@@ -40,14 +53,12 @@
 		thetaLength — The central angle, often called theta, of the circular sector. The default is 2*Pi, which makes for a complete cone.
 		</div>
 
-
 		<h2>Properties</h2>
 
 		<div>
 		Each of the constructor parameters is accessible as a property of the same name. Any modification of these properties after instantiation does not change the geometry.
 		</div>
 
-
 		<h2>Source</h2>
 
 		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]

docs/api/extras/geometries/CylinderBufferGeometry.html

@@ -14,10 +14,25 @@
 
 		<div class="desc">This is the [page:BufferGeometry] port of [page:CylinderGeometry].</div>
 
+		<iframe id="scene" src="scenes/geometry-browser.html#CylinderBufferGeometry"></iframe>
 
-		<h2>Example</h2>
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
+
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
+
+		}
 
-		<iframe src='scenes/geometry-browser.html#CylinderBufferGeometry'></iframe>
+		</script>
+
+		<h2>Example</h2>
 
 		<code>var geometry = new THREE.CylinderBufferGeometry( 5, 5, 20, 32 );
 		var material = new THREE.MeshBasicMaterial( {color: 0xffff00} );
@@ -25,10 +40,8 @@
 		scene.add( cylinder );
 		</code>
 
-
 		<h2>Constructor</h2>
 
-
 		<h3>[name]([page:Float radiusTop], [page:Float radiusBottom], [page:Float height], [page:Integer radiusSegments], [page:Integer heightSegments], [page:Boolean openEnded], [page:Float thetaStart], [page:Float thetaLength])</h3>
 		<div>
 		radiusTop — Radius of the cylinder at the top. Default is 20.<br />
@@ -41,14 +54,12 @@
 		thetaLength — The central angle, often called theta, of the circular sector. The default is 2*Pi, which makes for a complete cylinder.
 		</div>
 
-
 		<h2>Properties</h2>
 
 		<div>
 		Each of the constructor parameters is accessible as a property of the same name. Any modification of these properties after instantiation does not change the geometry.
 		</div>
 
-
 		<h2>Source</h2>
 
 		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]

docs/api/extras/geometries/CylinderGeometry.html

@@ -14,10 +14,25 @@
 
 		<div class="desc">A class for generating cylinder geometries</div>
 
+		<iframe id="scene" src="scenes/geometry-browser.html#CylinderGeometry"></iframe>
 
-		<h2>Example</h2>
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
+
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
+
+		}
 
-		<iframe src='scenes/geometry-browser.html#CylinderGeometry'></iframe>
+		</script>
+
+		<h2>Example</h2>
 
 		<code>var geometry = new THREE.CylinderGeometry( 5, 5, 20, 32 );
 		var material = new THREE.MeshBasicMaterial( {color: 0xffff00} );
@@ -25,10 +40,8 @@
 		scene.add( cylinder );
 		</code>
 
-
 		<h2>Constructor</h2>
 
-
 		<h3>[name]([page:Float radiusTop], [page:Float radiusBottom], [page:Float height], [page:Integer radiusSegments], [page:Integer heightSegments], [page:Boolean openEnded], [page:Float thetaStart], [page:Float thetaLength])</h3>
 		<div>
 		radiusTop — Radius of the cylinder at the top. Default is 20.<br />
@@ -41,14 +54,12 @@
 		thetaLength — The central angle, often called theta, of the circular sector. The default is 2*Pi, which makes for a complete cylinder.
 		</div>
 
-
 		<h2>Properties</h2>
 
 		<div>
 		Each of the constructor parameters is accessible as a property of the same name. Any modification of these properties after instantiation does not change the geometry.
 		</div>
 
-
 		<h2>Source</h2>
 
 		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]

docs/api/extras/geometries/DodecahedronGeometry.html

@@ -14,11 +14,25 @@
 
 		<div class="desc">A class for generating a dodecahedron geometries.</div>
 
-		<iframe src='scenes/geometry-browser.html#DodecahedronGeometry'></iframe>
+		<iframe id="scene" src="scenes/geometry-browser.html#DodecahedronGeometry"></iframe>
 
+		<script>
 
-		<h2>Constructor</h2>
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
+
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
+
+		}
 
+		</script>
+
+		<h2>Constructor</h2>
 
 		<h3>[name]([page:Float radius], [page:Integer detail])</h3>
 		<div>
@@ -26,7 +40,6 @@
 		detail — Default is 0. Setting this to a value greater than 0 adds vertices making it no longer a dodecahedron.
 		</div>
 
-
 		<h2>Properties</h2>
 
 		<h3>[property:Object parameters]</h3>
@@ -34,7 +47,6 @@
 		An object with all of the parameters that were used to generate the geometry.
 		</div>
 
-
 		<h2>Source</h2>
 
 		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]

docs/api/extras/geometries/IcosahedronGeometry.html

@@ -13,10 +13,25 @@
 
 		<div class="desc">A class for generating an icosahedron geometry.</div>
 
-		<iframe src='scenes/geometry-browser.html#IcosahedronGeometry'></iframe>
+		<iframe id="scene" src="scenes/geometry-browser.html#IcosahedronGeometry"></iframe>
 
-		<h2>Constructor</h2>
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
+
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
 
+		}
+
+		</script>
+
+		<h2>Constructor</h2>
 
 		<h3>[name]([page:Float radius], [page:Integer detail])</h3>
 		<div>
@@ -24,7 +39,6 @@
 		detail — Default is 0.  Setting this to a value greater than 0 adds more vertices making it no longer an icosahedron.  When detail is greater than 1, it's effectively a sphere.
 		</div>
 
-
 		<h2>Properties</h2>
 
 		<h3>[property:Object parameters]</h3>
@@ -32,7 +46,6 @@
 		An object with all of the parameters that were used to generate the geometry.
 		</div>
 
-
 		<h2>Source</h2>
 
 		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]

docs/api/extras/geometries/LatheBufferGeometry.html

@@ -14,10 +14,25 @@
 
 		<div class="desc">This is the [page:BufferGeometry] port of [page:LatheGeometry].</div>
 
+		<iframe id="scene" src="scenes/geometry-browser.html#LatheBufferGeometry"></iframe>
 
-		<h2>Example</h2>
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
 
-		<iframe src='scenes/geometry-browser.html#LatheBufferGeometry'></iframe>
+			var scene = document.getElementById( 'scene' );
+
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
+
+		}
+
+		</script>
+
+		<h2>Example</h2>
 
 		<code>
 		var points = [];
@@ -32,7 +47,6 @@
 
 		<h2>Constructor</h2>
 
-
 		<h3>[name]([page:Array points], [page:Integer segments], [page:Float phiStart], [page:Float phiLength])</h3>
 		<div>
 		points — Array of Vector2s. The x-coordinate of each point must be greater than zero.<br />
@@ -44,7 +58,6 @@
 		This creates a LatheBufferGeometry based on the parameters.
 		</div>
 
-
 		<h2>Source</h2>
 
 		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]

docs/api/extras/geometries/LatheGeometry.html

@@ -14,10 +14,25 @@
 
 		<div class="desc">Class for generating meshes with axial symmetry. Possible uses include donuts, pipes, vases etc. The lathe rotate around the Y axis.</div>
 
+		<iframe id="scene" src="scenes/geometry-browser.html#LatheGeometry"></iframe>
 
-		<h2>Example</h2>
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
 
-		<iframe src='scenes/geometry-browser.html#LatheGeometry'></iframe>
+			var scene = document.getElementById( 'scene' );
+
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
+
+		}
+
+		</script>
+
+		<h2>Example</h2>
 
 		<code>
 		var points = [];
@@ -32,7 +47,6 @@
 
 		<h2>Constructor</h2>
 
-
 		<h3>[name]([page:Array points], [page:Integer segments], [page:Float phiStart], [page:Float phiLength])</h3>
 		<div>
 		points — Array of Vector2s. The x-coordinate of each point must be greater than zero.<br />
@@ -44,7 +58,6 @@
 		This creates a LatheBufferGeometry based on the parameters.
 		</div>
 
-
 		<h2>Source</h2>
 
 		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]

docs/api/extras/geometries/OctahedronGeometry.html

@@ -13,10 +13,25 @@
 
 		<div class="desc">A class for generating an octahedron geometry.</div>
 
-		<iframe src='scenes/geometry-browser.html#OctahedronGeometry'></iframe>
+		<iframe id="scene" src="scenes/geometry-browser.html#OctahedronGeometry"></iframe>
 
-		<h2>Constructor</h2>
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
+
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
 
+		}
+
+		</script>
+
+		<h2>Constructor</h2>
 
 		<h3>[name]([page:Float radius], [page:Integer detail])</h3>
 		<div>
@@ -24,7 +39,6 @@
 		detail — Default is 0.  Setting this to a value greater than zero add vertices making it no longer an octahedron.
 		</div>
 
-
 		<h2>Properties</h2>
 
 		<h3>[property:Object parameters]</h3>

docs/api/extras/geometries/PlaneBufferGeometry.html

@@ -14,9 +14,25 @@
 
 		<div class="desc">This is the [page:BufferGeometry] port of [page:PlaneGeometry].</div>
 
-		<h2>Example</h2>
+		<iframe id="scene" src="scenes/geometry-browser.html#PlaneBufferGeometry"></iframe>
+
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
+
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
 
-		<iframe src='scenes/geometry-browser.html#PlaneBufferGeometry'></iframe>
+		}
+
+		</script>
+
+		<h2>Example</h2>
 
 		<code>var geometry = new THREE.PlaneBufferGeometry( 5, 20, 32 );
 		var material = new THREE.MeshBasicMaterial( {color: 0xffff00, side: THREE.DoubleSide} );
@@ -24,10 +40,8 @@
 		scene.add( plane );
 		</code>
 
-
 		<h2>Constructor</h2>
 
-
 		<h3>[name]([page:Float width], [page:Float height], [page:Integer widthSegments], [page:Integer heightSegments])</h3>
 		<div>
 		width — Width along the X axis.<br />
@@ -36,7 +50,6 @@
 		heightSegments — Optional. Default is 1.
 		</div>
 
-
 		<h2>Properties</h2>
 
 		<div>

docs/api/extras/geometries/PlaneGeometry.html

@@ -14,21 +14,34 @@
 
 		<div class="desc">A class for generating plane geometries</div>
 
+		<iframe id="scene" src="scenes/geometry-browser.html#PlaneGeometry"></iframe>
+
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
+
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
+
+		}
+
+		</script>
 
 		<h2>Example</h2>
 
-		<iframe src='scenes/geometry-browser.html#PlaneGeometry'></iframe>
-
 		<code>var geometry = new THREE.PlaneGeometry( 5, 20, 32 );
 		var material = new THREE.MeshBasicMaterial( {color: 0xffff00, side: THREE.DoubleSide} );
 		var plane = new THREE.Mesh( geometry, material );
 		scene.add( plane );
 		</code>
 
-
 		<h2>Constructor</h2>
 
-
 		<h3>[name]([page:Float width], [page:Float height], [page:Integer widthSegments], [page:Integer heightSegments])</h3>
 		<div>
 		width — Width along the X axis.<br />
@@ -37,7 +50,6 @@
 		heightSegments — Optional. Default is 1.
 		</div>
 
-
 		<h2>Properties</h2>
 
 		<div>

docs/api/extras/geometries/RingBufferGeometry.html

@@ -14,7 +14,23 @@
 
 		<div class="desc">This is the [page:BufferGeometry] port of [page:RingGeometry].</div>
 
-		<iframe src='scenes/geometry-browser.html#RingBufferGeometry'></iframe>
+		<iframe id="scene" src="scenes/geometry-browser.html#RingBufferGeometry"></iframe>
+
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
+
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
+
+		}
+
+		</script>
 
 		<h2>Example</h2>
 
@@ -26,7 +42,6 @@
 
 		<h2>Constructor</h2>
 
-
 		<h3>[name]([page:Float innerRadius], [page:Float outerRadius], [page:Integer thetaSegments], [page:Integer phiSegments], [page:Float thetaStart], [page:Float thetaLength])</h3>
 		<div>
 		innerRadius — Default is 0, but it doesn't work right when innerRadius is set to 0.<br />
@@ -37,7 +52,6 @@
 		thetaLength — Central angle.  Default is Math.PI * 2.
 		</div>
 
-
 		<h2>Source</h2>
 
 		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]

docs/api/extras/geometries/RingGeometry.html

@@ -14,7 +14,23 @@
 
 		<div class="desc">A class for generating a two-dimensional ring geometry.</div>
 
-		<iframe src='scenes/geometry-browser.html#RingGeometry'></iframe>
+		<iframe id="scene" src="scenes/geometry-browser.html#RingGeometry"></iframe>
+
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
+
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
+
+		}
+
+		</script>
 
 		<h2>Example</h2>
 
@@ -26,7 +42,6 @@
 
 		<h2>Constructor</h2>
 
-
 		<h3>[name]([page:Float innerRadius], [page:Float outerRadius], [page:Integer thetaSegments], [page:Integer phiSegments], [page:Float thetaStart], [page:Float thetaLength])</h3>
 		<div>
 		innerRadius — Default is 0, but it doesn't work right when innerRadius is set to 0.<br />
@@ -37,7 +52,6 @@
 		thetaLength — Central angle.  Default is Math.PI * 2.
 		</div>
 
-
 		<h2>Source</h2>
 
 		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]

docs/api/extras/geometries/SphereBufferGeometry.html

@@ -14,9 +14,25 @@
 
 		<div class="desc">This is the [page:BufferGeometry] port of [page:SphereGeometry].</div>
 
-		<h2>Example</h2>
+		<iframe id="scene" src="scenes/geometry-browser.html#SphereBufferGeometry"></iframe>
+
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
+
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
 
-		<iframe src='scenes/geometry-browser.html#SphereBufferGeometry'></iframe>
+		}
+
+		</script>
+
+		<h2>Example</h2>
 
 		<code>var geometry = new THREE.SphereBufferGeometry( 5, 32, 32 );
 		var material = new THREE.MeshBasicMaterial( {color: 0xffff00} );
@@ -26,7 +42,6 @@
 
 		<h2>Constructor</h2>
 
-
 		<h3>[name]([page:Float radius], [page:Integer widthSegments], [page:Integer heightSegments], [page:Float phiStart], [page:Float phiLength], [page:Float thetaStart], [page:Float thetaLength])</h3>
 
 		<div>
@@ -43,7 +58,6 @@
 		The geometry is created by sweeping and calculating vertexes around the Y axis (horizontal sweep) and the Z axis (vertical sweep). Thus, incomplete spheres (akin to <em>'sphere slices'</em>) can be created through the use of different values of phiStart, phiLength, thetaStart and thetaLength, in order to define the points in which we start (or end) calculating those vertices.
 		</div>
 
-
 		<h2>Properties</h2>
 
 		<div>

docs/api/extras/geometries/SphereGeometry.html

@@ -14,9 +14,25 @@
 
 		<div class="desc">A class for generating sphere geometries</div>
 
-		<h2>Example</h2>
+		<iframe id="scene" src="scenes/geometry-browser.html#SphereGeometry"></iframe>
+
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
+
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
 
-		<iframe src='scenes/geometry-browser.html#SphereGeometry'></iframe>
+		}
+
+		</script>
+
+		<h2>Example</h2>
 
 		<code>var geometry = new THREE.SphereGeometry( 5, 32, 32 );
 		var material = new THREE.MeshBasicMaterial( {color: 0xffff00} );
@@ -26,7 +42,6 @@
 
 		<h2>Constructor</h2>
 
-
 		<h3>[name]([page:Float radius], [page:Integer widthSegments], [page:Integer heightSegments], [page:Float phiStart], [page:Float phiLength], [page:Float thetaStart], [page:Float thetaLength])</h3>
 
 		<div>
@@ -43,7 +58,6 @@
 		The geometry is created by sweeping and calculating vertexes around the Y axis (horizontal sweep) and the Z axis (vertical sweep). Thus, incomplete spheres (akin to <em>'sphere slices'</em>) can be created through the use of different values of phiStart, phiLength, thetaStart and thetaLength, in order to define the points in which we start (or end) calculating those vertices.
 		</div>
 
-
 		<h2>Properties</h2>
 
 		<div>

docs/api/extras/geometries/TetrahedronGeometry.html

@@ -14,11 +14,25 @@
 
 		<div class="desc">A class for generating a tetrahedron geometries.</div>
 
-		<iframe src='scenes/geometry-browser.html#TetrahedronGeometry'></iframe>
+		<iframe id="scene" src="scenes/geometry-browser.html#TetrahedronGeometry"></iframe>
 
+		<script>
 
-		<h2>Constructor</h2>
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
+
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
+
+		}
 
+		</script>
+
+		<h2>Constructor</h2>
 
 		<h3>[name]([page:Float radius], [page:Integer detail])</h3>
 		<div>
@@ -26,7 +40,6 @@
 		detail — Default is 0. Setting this to a value greater than 0 adds vertices making it no longer a tetrahedron.
 		</div>
 
-
 		<h2>Properties</h2>
 
 		<h3>[property:Object parameters]</h3>
@@ -34,7 +47,6 @@
 		An object with all of the parameters that were used to generate the geometry.
 		</div>
 
-
 		<h2>Source</h2>
 
 		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]

docs/api/extras/geometries/TextGeometry.html

@@ -14,9 +14,25 @@
 
 		<div class="desc">This object creates a 3D object of text as a single object.</div>
 
-		<h2>Example</h2>
+		<iframe id="scene" src="scenes/geometry-browser.html#TextGeometry"></iframe>
+
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
 
-		<iframe src='scenes/geometry-browser.html#TextGeometry'></iframe>
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
+
+		}
+
+		</script>
+
+		<h2>Example</h2>
 
 		<div>
 		[example:webgl_geometry_text geometry / text ]<br/>
@@ -25,7 +41,6 @@
 
 		<h2>Constructor</h2>
 
-
 		<h3>[name]([page:String text], [page:Object parameters])</h3>
 		<div>
 		text — The text that needs to be shown. <br />

docs/api/extras/geometries/TorusBufferGeometry.html

@@ -14,7 +14,23 @@
 
 		<div class="desc">This is the [page:BufferGeometry] port of [page:TorusGeometry].</div>
 
-		<iframe src='scenes/geometry-browser.html#TorusBufferGeometry'></iframe>
+		<iframe id="scene" src="scenes/geometry-browser.html#TorusBufferGeometry"></iframe>
+
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
+
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
+
+		}
+
+		</script>
 
 		<h2>Example</h2>
 
@@ -24,10 +40,8 @@
 		scene.add( torus );
 		</code>
 
-
 		<h2>Constructor</h2>
 
-
 		<h3>[name]([page:Float radius], [page:Float tube], [page:Integer radialSegments], [page:Integer tubularSegments], [page:Float arc])</h3>
 		<div>
 		radius — Default is 100. <br />
@@ -37,7 +51,6 @@
 		arc — Central angle.  Default is Math.PI * 2.
 		</div>
 
-
 		<h2>Properties</h2>
 
 		<div>

docs/api/extras/geometries/TorusGeometry.html

@@ -14,7 +14,23 @@
 
 		<div class="desc">A class for generating torus geometries</div>
 
-		<iframe src='scenes/geometry-browser.html#TorusGeometry'></iframe>
+		<iframe id="scene" src="scenes/geometry-browser.html#TorusGeometry"></iframe>
+
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
+
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
+
+		}
+
+		</script>
 
 		<h2>Example</h2>
 
@@ -24,10 +40,8 @@
 		scene.add( torus );
 		</code>
 
-
 		<h2>Constructor</h2>
 
-
 		<h3>[name]([page:Float radius], [page:Float tube], [page:Integer radialSegments], [page:Integer tubularSegments], [page:Float arc])</h3>
 		<div>
 		radius — Default is 100. <br />
@@ -37,7 +51,6 @@
 		arc — Central angle.  Default is Math.PI * 2.
 		</div>
 
-
 		<h2>Properties</h2>
 
 		<div>

docs/api/extras/geometries/TorusKnotBufferGeometry.html

@@ -14,8 +14,23 @@
 
 		<div class="desc">This is the [page:BufferGeometry] port of [page:TorusKnotGeometry].</div>
 
-		<iframe src='scenes/geometry-browser.html#TorusKnotBufferGeometry'></iframe>
+		<iframe id="scene" src="scenes/geometry-browser.html#TorusKnotBufferGeometry"></iframe>
 
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
+
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
+
+		}
+
+		</script>
 
 		<h2>Example</h2>
 
@@ -25,10 +40,8 @@
 		scene.add( torusKnot );
 		</code>
 
-
 		<h2>Constructor</h2>
 
-
 		<h3>[name]([page:Float radius], [page:Float tube], [page:Integer tubularSegments], [page:Integer radialSegments], [page:Integer p], [page:Integer q])</h3>
 		<div>
 			<ul>
@@ -41,15 +54,12 @@
 			</ul>
 		</div>
 
-
 		<h2>Properties</h2>
 
-
 		<div>
 		Each of the contructor parameters is accessible as a property of the same name. Any modification of these properties after instantiation does not change the geometry.
 		</div>
 
-
 		<h2>Source</h2>
 
 		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]

docs/api/extras/geometries/TorusKnotGeometry.html

@@ -14,8 +14,23 @@
 
 		<div class="desc">Creates a torus knot, the particular shape of which is defined by a pair of coprime integers, p and q.  If p and q are not coprime, the result will be a torus link.</div>
 
-		<iframe src='scenes/geometry-browser.html#TorusKnotGeometry'></iframe>
+		<iframe id="scene" src="scenes/geometry-browser.html#TorusKnotGeometry"></iframe>
 
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
+
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
+
+		}
+
+		</script>
 
 		<h2>Example</h2>
 
@@ -25,10 +40,8 @@
 		scene.add( torusKnot );
 		</code>
 
-
 		<h2>Constructor</h2>
 
-
 		<h3>[name]([page:Float radius], [page:Float tube], [page:Integer tubularSegments], [page:Integer radialSegments], [page:Integer p], [page:Integer q])</h3>
 		<div>
 			<ul>
@@ -41,15 +54,12 @@
 			</ul>
 		</div>
 
-
 		<h2>Properties</h2>
 
-
 		<div>
 		Each of the contructor parameters is accessible as a property of the same name. Any modification of these properties after instantiation does not change the geometry.
 		</div>
 
-
 		<h2>Source</h2>
 
 		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]

docs/api/materials/MeshBasicMaterial.html

@@ -15,10 +15,25 @@
 		<div class="desc">A material for drawing geometries in a simple shaded (flat or wireframe) way.</div>
 		<div class="desc">The default will render as flat polygons. To draw the mesh as wireframe, simply set the 'wireframe' property to true.</div>
 
-		<iframe src='scenes/material-browser.html#MeshBasicMaterial'></iframe>
+		<iframe id="scene" src="scenes/material-browser.html#MeshBasicMaterial"></iframe>
 
-		<h2>Constructor</h2>
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
 
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
+
+		}
+
+		</script>
+
+		<h2>Constructor</h2>
 
 		<h3>[name]( [page:Object parameters] )</h3>
 

docs/api/materials/MeshDepthMaterial.html

@@ -14,10 +14,25 @@
 
 		<div class="desc">A material for drawing geometry by depth. Depth is based off of the camera near and far plane. White is nearest, black is farthest.</div>
 
-		<iframe src='scenes/material-browser.html#MeshDepthMaterial'></iframe>
+		<iframe id="scene" src="scenes/material-browser.html#MeshDepthMaterial"></iframe>
 
-		<h2>Constructor</h2>
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
 
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
+
+		}
+
+		</script>
+
+		<h2>Constructor</h2>
 
 		<h3>[name]( [page:Object parameters] )</h3>
 		<div>

docs/api/materials/MeshLambertMaterial.html

@@ -14,10 +14,25 @@
 
 		<div class="desc">A material for non-shiny (Lambertian) surfaces, evaluated per vertex.</div>
 
-		<iframe src='scenes/material-browser.html#MeshLambertMaterial'></iframe>
+		<iframe id="scene" src="scenes/material-browser.html#MeshLambertMaterial"></iframe>
 
-		<h2>Constructor</h2>
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
 
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
+
+		}
+
+		</script>
+
+		<h2>Constructor</h2>
 
 		<h3>[name]( [page:Object parameters] )</h3>
 		<div>

docs/api/materials/MeshNormalMaterial.html

@@ -14,11 +14,25 @@
 
 		<div class="desc">A material that maps the normal vectors to RGB colors.</div>
 
-		<iframe src='scenes/material-browser.html#MeshNormalMaterial'></iframe>
+		<iframe id="scene" src="scenes/material-browser.html#MeshNormalMaterial"></iframe>
 
+		<script>
 
-		<h2>Constructor</h2>
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
+
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
 
+		}
+
+		</script>
+
+		<h2>Constructor</h2>
 
 		<h3>[name]( [page:Object parameters] )</h3>
 		<div>

docs/api/materials/MeshPhongMaterial.html

@@ -14,10 +14,25 @@
 
 		<div class="desc">A material for shiny surfaces, evaluated per pixel.</div>
 
-		<iframe src='scenes/material-browser.html#MeshPhongMaterial'></iframe>
+		<iframe id="scene" src="scenes/material-browser.html#MeshPhongMaterial"></iframe>
 
-		<h2>Constructor</h2>
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
 
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
+
+		}
+
+		</script>
+
+		<h2>Constructor</h2>
 
 		<h3>[name]( [page:Object parameters] )</h3>
 		<div>

docs/api/materials/MeshStandardMaterial.html

@@ -14,10 +14,25 @@
 
 		<div class="desc">TODO</div>
 
-		<iframe src='scenes/material-browser.html#MeshStandardMaterial'></iframe>
+		<iframe id="scene" src="scenes/material-browser.html#MeshStandardMaterial"></iframe>
 
-		<h2>Constructor</h2>
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
 
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
+
+		}
+
+		</script>
+
+		<h2>Constructor</h2>
 
 		<h3>[name]( [page:Object parameters] )</h3>
 		<div>

docs/api/objects/SkinnedMesh.html

@@ -14,10 +14,26 @@
 
 		<div class="desc">A mesh that has a [page:Skeleton] with [page:Bone bones] that can then be used to animate the vertices of the geometry.</div>
 
+		<iframe id="scene" src="scenes/bones-browser.html"></iframe>
+
+		<script>
+
+		// iOS iframe auto-resize workaround
+
+		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
+
+			var scene = document.getElementById( 'scene' );
+
+			scene.style.width = getComputedStyle( scene ).width;
+			scene.style.height = getComputedStyle( scene ).height;
+			scene.setAttribute( 'scrolling', 'no' );
+
+		}
+
+		</script>
+
 		<h2>Example</h2>
 		
-		<iframe src='scenes/bones-browser.html'></iframe>
-		
 		<code>
 		var geometry = new THREE.CylinderGeometry( 5, 5, 5, 5, 15, 5, 30 );
 		
@@ -49,10 +65,8 @@
 		armSkeleton.bones[ 1 ].rotation.x = 0.2;
 		</code>
 		
-
 		<h2>Constructor</h2>
 
-
 		<h3>[name]( [page:Geometry geometry], [page:Material material], [page:boolean useVertexTexture] )</h3>
 		<div>
         geometry — An instance of [page:Geometry]. [page:Geometry.skinIndices] and [page:Geometry.skinWeights] should be set.<br />
@@ -60,10 +74,8 @@
 		useVertexTexture -- Defines whether a vertex texture can be used (optional).
 		</div>
 
-
 		<h2>Properties</h2>
 
-
 		<h3>[property:array bones]</h3>
 		<div>
 		This contains the array of bones for this mesh. These should be set in the constructor.
@@ -135,7 +147,6 @@
 		Returns a clone of this SkinnedMesh object and its descendants.
 		</div>
 
-		
 		<h2>Source</h2>
 
 		[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]