title: Position: fixed not working in chrome no matter what
body: <p>I currently have a navigation AND a slide down Social menu in Sass which both are fixed.</p>
  
  <p>Yet when I scroll down nothing happens in Chrome. In Safari it does work.</p>
  
  <p>I googled many times and even when I use</p>
  
  <pre><code>-webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-transform: translate3d(0, 0, 0);
  </code></pre>
  
  <p>it still doesn't work.</p>
  
  <p>Here is the css code for my social menu (it has a ul and a li in it)</p>
  
  <pre><code>.social-menu{
      position:fixed;
      top: 0;
      bottom:0;
      width:100%;
      height:100vh;
      z-index:10000;
      -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-transform: translate3d(0, 0, 0);
  
      background-color:rgba(123, 123, 123, 0.86);
  
      .social-list{
          width:50%;
          margin:0 auto;
          .social-list-item{
              list-style-type: none;
          }
      }
  }
  </code></pre>
  
  <p>Here is my JSFiddle, my social menu is nested in my body. Here it works, maybe try it out for yourself in chrome?</p>
  
  <p>Also, I make use of <code>&lt;!DOCTYPE html&gt;</code></p>
  
  <p><a href="http://jsfiddle.net/777t4twf/7/" rel="nofollow">http://jsfiddle.net/777t4twf/7/</a></p>