Whitco Web · Effect Demo
Keep scrolling down — the next section moves horizontally instead of vertically. Your mouse wheel still controls it. On mobile, the panels display vertically instead.
Your mouse wheel is still scrolling down — but this section translates that into horizontal movement. Keep scrolling to move through the panels.
Every panel takes up the full width and height of the viewport — giving each piece of content room to breathe and make an impression.
Horizontal scroll is especially effective for portfolios, project galleries, before-and-after comparisons, or any content that benefits from a cinematic, one-at-a-time presentation.
Unlike a standard vertical scroll, horizontal movement creates a sense of progression — like moving through chapters of a story rather than falling down a feed.
Once you reach the last panel, scrolling down continues the page normally. The horizontal section ends and vertical scrolling resumes below.
Horizontal scroll doesn't have to take over the whole page — it can be one section among many. The rest of the site scrolls exactly as expected.
Below are some of the most common uses for horizontal scroll on a real business site.
Contractors, designers, and photographers can scroll through completed work one project at a time — each panel a separate job.
Side by side comparisons of renovation work, landscaping, or any service with a visible result. One panel before, one panel after.
Scroll through staff profiles, seasonal menu items, or service packages — one at a time, full screen, no clutter.
Same idea, different control. Instead of scrolling, the visitor clicks next and previous buttons — or swipes on mobile — to move through content. More intuitive on mobile, and better suited to showcasing individual items like projects, team members, or services.
Content that scrolls on its own, continuously, without any input from the visitor. Common for announcements, social proof, news banners, or anywhere you want information to stay in motion. Three rows below show different speeds and directions.