This is an interface you might have seen in contacts lists or other alphabetically sorted lists
This is an interface you might have seen in contacts lists or other alphabetically sorted lists.
👉 The trick here is the position: sticky property, which makes the element 'stick' to the top of the container as we are scrolling through the list
Note that we are using some semantic HTML tags for this example:
🔺 DL is a description list
🔺 DT is description title
🔺 DD is description details
✌️ Hope you found this example helpful. Share your thoughts in the comments below.
#css
#csstricks
#html
#javascript
#nodejs
#reactjs
#vuejs
#frontend
#fullstack