title: the header shakes/tremble when I scroll - jQuery Scrolling problem
body: <p>I'm completely blocked, I don't understand why the header shakes/tremble when I scroll with this jquery script</p>
  
  <pre><code>$(window).scroll(function() {
      if ($(this).scrollTop() &gt;= 100) {
         $(".logo").css({ "height": "0px" });
         $(".logo img").hide();
      };
      if ($(this).scrollTop() &lt;= 100) {
         $(".logo").css({
             "height": "95px",
             "-webkit-transition": "all 0.3s ease",
             "-moz-transition": "all 0.3s ease",
             "-ms-transition": "all 0.3s ease",
             "-o-transition": "all 0.3s ease",
             "transition": "all 0.3s ease"
          });
          $(".logo img").fadeIn();
      }
  });
  </code></pre>
  
  <p>this is the html file content</p>
  
  <pre><code>&lt;header class="d-flex justify-content-end sticky-top"&gt;
      &lt;div class="container"&gt;
          &lt;div class="row logo"&gt;
               &lt;div class="col-12 text-center mt-2"&gt;
                    &lt;img src="/images/logo.png" alt="Logo"&gt;
               &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="row"&gt;
               &lt;div class="col-12"&gt;
                   &lt;nav class="navbar navbar-expand-lg navbar-light"&gt;
  
                   &lt;/nav&gt;
                &lt;/div&gt;
          &lt;/div&gt;
          &lt;/div&gt;
  &lt;/header&gt;
  </code></pre>
  
  <p>Can anyone help find why?</p>