Head ex (google#1658)

* remove header frome examples on main page

* added extra scroll to attributes

* remove comment

packages/modelviewer.dev/docs/index.html

@@ -49,6 +49,14 @@
   <script type="module">
     (() => { init('docs'); })();
   </script>
+  <script>
+    function addMargin() {
+      if (window.location.hash.indexOf('-') !== -1) {
+        window.scrollBy(0, - 75);
+      }
+    }
+    window.addEventListener('hashchange', addMargin);
+  </script>
 
 </body>
 

packages/modelviewer.dev/examples/augmentedreality/index.html

@@ -358,7 +358,6 @@ <h4></h4>
           </div>
         </div>
       </div>
-    </div>
 
     <div class="footer">
       <ul>

packages/modelviewer.dev/styles/docs.css

@@ -1,7 +1,3 @@
-html {
-  scroll-padding-top: 75px;
-}
-
 .inner-content {
   padding: 10px 40px;
 }

packages/modelviewer.dev/styles/examples.css

@@ -94,6 +94,7 @@
   white-space: nowrap;
   font-size: .8em;
   z-index: 1008;
+  visibility: hidden;
 }
 
 .tab {
@@ -382,13 +383,8 @@ model-viewer:focus {
   box-sizing: border-box;
 }
 
-.examples-container > .sample > #demo-container-1 {
-  padding-top: 75px;
-}
-
 .examples-container > .sample > .demo {
-  top: 75px;
-  height: 90vh;
+  height: 100vh;
 }
 
 .demo-title {
@@ -760,6 +756,7 @@ paper-button {
 
   .exampleHeader {
     margin-left: 0;
+    visibility: visible;
   }
 
   .background-demo {