title: topnavbar sticking not working on Chrome and Safary, but working on mozilla
body: <p>I have a  topnavbar on my website page which actually get Fixed when the <code>$(window).scrollTop() &gt; 44</code>. This working fine and looking good on Mozilla, but on safari and chrome its jumping when fixes the <code>topnavbar</code>. Any solutions?</p>
  
  <p>This is my code:-</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>//js
  if(viewportWidth &gt; 1199 &amp;&amp; $(window).scrollTop() &gt; 44){
      $('#topnavbar').addClass('topnavbarfixed');
  }</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>/*css*/
  .topNavBar {
      position: relative;
      width: 100%;
      float: left;
      background: #fff;
      border-bottom: 1px solid rgba(243, 243, 243, 0.88);
      z-index: 999 !important;
      padding: 0 !important;
  }
  .topnavbarfixed {
      position: fixed !important;
      top: 0;
      width: 100%;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div id="topnavbar" class="topNavBar"&gt;
  &lt;!--Logo and some contents here --&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>