title: How to remove JQuery scrolltop function from a specific page
body: <p>Basically, I have a navbar which changes the logo image from transparent to full colour on scroll.</p>
  
  <p>I don't want this to happen on a certain page, for example, my search results page (/toursearch).</p>
  
  <p>This is the JQuery I am using below.</p>
  
  <pre><code>if (windowWidth &gt; 991) {
      $(window).scroll(function () {
          if ($(this).scrollTop() &gt; 50) {
              $('.logo-desk a img').attr('src', '/Includes/images/logo/holts-logo-fill.png');
          }
          if ($(this).scrollTop() &lt;= 0) {
              $('.logo-desk a img').attr('src', '/Includes/images/logo/holts-logo-trans.png');
          }
      });
  }
  </code></pre>
  
  <p>Any suggestions would be great.</p>
  
  <p>Many thanks in advance!</p>