About The Resource

So here's what you need to know about each type:

First Type

This type of horizontal scrolling uses sticky positioning combined with scroll transform triggered by a scroll section. We keep the content we want to scroll horizontally in a sticky frame and apply scroll transform to offset it to the left as we scroll down the website.

Second Type

This type works a bit differently because the content will not scroll horizontally as we scroll down the website. Instead, we allow the ability to hover over the content and scroll horizontally using our little touchpad. This is achieved by simply applying an overflow-x style set to "scroll," meaning the content within the frame that overflows on the x-axis will be scrollable.