Position fixed

Tailwind CSS Position fixed

Use responsive position fixed utilities with TW elements. A simple example of creating an element with a fixed position and its use.

Basic example

To create an element with a fixed position in Tailwind, you can use the .fixed class. The fixed class positions the element relative to the viewport, which means it will stay in the same position even if the user scrolls the page.

Contacts

Corey Anderson

Ray Flint

John Smith

Maria Samantha

Mindy Albrect

Lisa Cudrow

Emily Williams

HTML

        
            
        <div class="relative">
          <div class="fixed left-0 right-0 top-0">Contacts</div>
          <div>
            <div>
              <img src="..." />
              <strong>Ray Flint</strong>
            </div>
            <div>
              <img src="..." />
              <strong>Emily Williams</strong>
            </div>
            <!-- ... -->
          </div>
        </div>

Position fixed

Tailwind CSS Position fixed

Basic example

Access restricted

To view this section you must have an active PRO account

Position fixed

Tailwind CSS Position fixed

Basic example

Related resources