Multiple scrolling One Pager for a range of hair products from ‘Adorn Supreme Hair’. Bit a bug on the menu hover area but this colorful blend of vintage styled imagery and modern web design elements is really well done.
Single page website with horizontal slideshow navigation. Sections' sliding effect uses a CSS transition on the transform property that ensures a smooth, 60fps rendering of the animation. A visibility:hidden CSS rule was added to avoid the drawing of hidden elements of the DOM on mobile devices, and a specific development was required to manage a problem with horizontal scroll on WebKit-powered chrome browsers on Android smartphones.
To further improve performance, we used the AdaptiveImages.php script which detect visitor’s screen size to deliver appropriate re-scaled versions of images.
![How to build a long-scrolling Landing Page using Squarespace [video]](https://onepagelove.imgix.net/2020/05/opl-thumb-sqsp.jpg?w=360&max-h=190&fit=crop&fp-y=0)
