fixing up the phone placement

docs-assets/js/docs.js

@@ -97,6 +97,14 @@ $(function() {
       iphone[0].setAttribute('style','')
     }
 
+    if(pageHeight - currentTop <= $('.platform-toggle') {
+      $('.platform-toggle').addClass('fixed');
+    } else {
+      $('.platform-toggle').removeClass('fixed');
+    }
+
+
+
     // Injection of components into phone
     for (var l = contentSection.length; l--;) {
       if ((topCache[l] - currentTop) < windowHeight) {

lib/sass/docs.scss

@@ -158,6 +158,13 @@ h1, h2, h3, h4, h5, h6 {
 .platform-toggle {
   border-bottom: 1px solid #ddd;
 
+  &.fixed {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+  }
+
   .segmented-controller {
     max-width: 300px;
     margin: 8px auto;