Quick Tip: Use position:sticky in Your Lists

VideoZoran Jambor

A quick tip explaining why you should use `position: sticky` in your lists.

A quick CSS tip explaining why you should use set the headings in your ordered and unordered (<ol> & <ul>) lists to position: sticky to improve the usability of your websites.

Chapters

  • 00:00 Why you should use position:sticky with your lists
  • 00:14 Demo setup and usability problem with lists
  • 00:49 How to add position: sticky to list headlines
  • 01:47 Why you should add background to sticky headlines
  • 02:07 How to use position:sticky in ul and ol lists
CSS Weekly YouTube Channel

CSS Weekly YouTube Channel

Weekly hands-on tutorials, tips, tools, news, and more — everything related to CSS and front-end development, created by Zoran Jambor.

Subscribe Today »
Mastering Linting

Mastering Linting

Get proficient with the best linting tools, Prettier & Stylelint.

Enroll Now »