facebook instagrammenu-icon twitter

CSS Scroll Indicator

Published August 24, 2016

This is an interesting consequence of a bunch of hacks held together with duct tape. It uses z-index hacks, gradient hacks and tricks with calc and viewport units.

The techniques used here are well supported, if not conventional. If you can read the CSS, understand how it works, and how to change it, and you think this works better for you than JavaScript, feel free to implement it. Just be aware of the z-index behaviour and possible conflict with other CSS using negative z-index.

You can see the CodePen in action here: http://codepen.io/MadeByMike/pen/ZOrEmr