user profile image

I was interested to see if I could make a scroll indicator with just CSS.

You can! But maybe you shouldn't. This is an interesting consequence of a bunch of hacks held together with duct tape.

Having said that, hacks are not always bad. I love hacks and many of us have made quite a good living selling floats and clearfixes.

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.

This Pen is a fork of Mike's Pen CSS only scroll indicator.


  1. No comments yet.

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.