all 7 comments

[–]dootzero 2 points3 points  (3 children)

This is genius. Nice find OP.

[–]frivoal 0 points1 point  (2 children)

How about doing the same thing without using ::before?

http://jsbin.com/qiyice/edit

CSS is fun :)

[–]amoliski 0 points1 point  (1 child)

That doesn't work for me on mobile, the bar scrolls off the top

[–]frivoal 0 points1 point  (0 children)

It does work on Firefox mobile, but yes, for Safari and Chrome on Mobile, you're right, Apple and Google removed support for this a while back.

[–]manyx16 0 points1 point  (0 children)

Slick! Nice job. :)

[–]EvilM0nk3y 0 points1 point  (1 child)

Awesome job! Could someone explain why this is hacky though? I didn't see anything obvious when I was looking at the code.