a horizontal scroll is a poor user experience (UX). Many basic computer mouses don't have a horizontal scroll-wheel; and, believe it or not, not every user has a magic track pad! That said, sometimes, a horizontal scroll is the only way to arrange data in a meaningful way.
The CSS property of
position: sticky takes an element and "glues it" to the edge of the viewport as the user scrolls-across said element's container. The
position: sticky feature works in both the vertical and the horizontal axes. However, I've only ever used it the vertical direction in order to create things like "sticky headers". As such, I thought it would be fun to sit down and try to apply
position: sticky on the horizontal axis in Angular 11.0.5.