title: VuetifyJS: How to make v-stepper-header sticky on scroll
body: <p>I'm looking for a way to make the <code>&lt;v-stepper-header&gt;</code> component sticky on scroll.</p>
  <p>I've tried to create custom CSS but didn't succeed.</p>
  <p>Here's a sample code.</p>
  <pre><code>&lt;v-stepper v-model=&quot;step&quot;&gt;
      &lt;v-stepper-header class=&quot;sticky&quot;&gt;
          &lt;v-stepper-step
              step=&quot;1&quot;
          &gt;
              Step 1
          &lt;/v-stepper-step&gt;
  &lt;/v-stepper&gt;
  
  .sticky {
      position: -webkit-sticky; /* Safari */
      position: sticky;
      top: 0;
  }
  </code></pre>