title: Remove sticky navbar while scrolling down using UIKit 3
body: <p>I'm using the UIKit CSS framework. I'm trying to hide a sticky navbar. I want to use a sticky navbar in one page and the same navbar to remove sticky in another page navbar section.</p>
  
  <p>I tried the following UIKit code for this purpose but I've been unable to do so. Please give me some suggestions.</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-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.25/js/uikit-icons.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.25/js/uikit.min.js"&gt;&lt;/script&gt;
  &lt;link href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.25/css/uikit.min.css" rel="stylesheet" /&gt;
  &lt;div uk-sticky="sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky; bottom: #transparent-sticky-navbar"&gt;
    &lt;nav class="uk-navbar-container" uk-navbar style="position: relative; z-index: 980;"&gt;
      &lt;div class="uk-navbar-left"&gt;
        &lt;ul class="uk-navbar-nav"&gt;
          &lt;li class="uk-active"&gt;&lt;a href="#"&gt;Active&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;
            &lt;a href="#"&gt;Parent&lt;/a&gt;
            &lt;div class="uk-navbar-dropdown"&gt;
              &lt;ul class="uk-nav uk-navbar-dropdown-nav"&gt;
                &lt;li class="uk-active"&gt;&lt;a href="#"&gt;Active&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;Item&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;Item&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
            &lt;/div&gt;
          &lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Item&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/nav&gt;
  &lt;/div&gt;
  &lt;div class="uk-container "&gt; Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit suscipit doloremque magnam, officia quaerat accusantium, quia cupiditate nulla ratione quos quis esse! Delectus blanditiis dignissimos sequi repellat debitis itaque iure quam tenetur assumenda
    nisi repellendus magni, dolore odit laborum officia ducimus error, quod, voluptatem nostrum perspiciatis? Asperiores sit, do asperiores consequuntur veniam eius quasi labore perspiciatis, natus dolor nam atque. Cupiditate quasi, sequi dolores impedit
    mollitia vitae modi et saepe architecto nisi rerum dicta est praesentium cumque reprehenderit autem enies similique animi eligendi porro qui voluptatibus. Repudiandae hic placeat labore blanditiis adipisci consectetur molestiae, vel possimus ex deleniti
    iure. Quasi accusamus corporis, fugit incidunt nisi repellendus quo similique est provident tenetur, aperiam ex a. Provident quas, aliquam fugit aut nisi deleniti consequuntur numquam excepturi quae consequatur. Quas molestias, natus sunt voluptate
    hic eum cumque.labore blanditiis adipisci consectetur molestiae, vel possimus ex deleniti iure. Quasi accusamus corporis, fugit incidunt nisi repellendus quo similique est provident tenetur, aperiam ex a. Provident quas, aliquam fugit aut nisi deleniti
    consequuntur numquam excepturi quae consequatur. Quas molestias, natus sunt voluptate hic eum cumque &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>