Hacker News new | ask | show | jobs
by berniemadoff69 1865 days ago
i find it hard to believe no one maintaining these 'material.io' pages doesn't notice the animated sticky header [0] popping in and out again and again and again as you scroll down the page.

[0] https://i.imgur.com/HPLI85T.gif

3 comments

Material.io pages are a great study into the problems with Material in general. Each iteration has glaring problems.

Links are not links. Buttons are not buttons: https://grumpy.website/post/0Ra93yy33 The current design still suffers from this.

Fonts in pictures: https://grumpy.website/post/0TEKUvqDX

Contrast: https://grumpy.website/post/0TEJkwzPA

From the look of your gif, it looks like you're just barely scrolling back up for a few pixels between scrolls and the navbar seems to pop up immediately after.

Scrolling up gets it to pop out for me, but I need to scroll up a lot more than you do in order to replicate this (scrolling down normally looks fine on Linux/Chrome). Sounds like it might be possible they haven't noticed it and would appreciate a bug report. :)

I don't see that bug on Firefox (version 88, linux amd64). It slides out as I scoll down and stays hidden when I stop scrolling. It only comes back into view when I scroll up.

edit: Are you scrolling with a janky mouse wheel or multi-touch trackpad that might be triggering up events accidentally? It looks like your page jerks up a teeny bit from momentum when you stop--that's probably the issue.