Sticky 'headers' that appear when you scroll down, and disappear when you scroll up. I hate them so much. It hurts my brain to see the stupid thing appear and disappear constantly if I scroll around a page.
The worst part is you can't even zap them out of the way with something like uBlock, because then there's no header even when you're at the top of the page. >:(
Screen real-estate for legitimate content is often at a premium and then they go and steal some of that land with sticky headers and or footers. I occasionally run across mobile sites that use both at the same time, while throwing in ads here and there, it's an atrocious experience.
> This post purposefully ignores the reduced motion preference to give everyone the same truly terrible experience. I am sorry. Please use your browser’s reader mode.
"Reader Mode" shouldn't even be a special mode. It should just be the default browsing experience, and users who want all this styling crap should have to enable "Clown Mode" or something.
"should have to enable "Clown Mode" or something."
Bwahahaha, +1! This reminds me of calling Windows XP's default motif "Fisher-Price" mode. Which, sadly, looks professional and efficient compared to Windows (and, increasingly, the Mac) today.
I actually think modern windows looks nice. It isn't nearly as good as the classic 9x look, but fluent obviously is a response to the visual shitshow that was 10
what a good idea to have this automatically come up when the page opens, and perhaps give user a few seconds to press escape to get rid of it, if needed
I thought this was going to be about iOS and how now (as of iOS 26) there is a "fade out" at the top of every web page (around the notch/top-edge area).
When scrolling/reading a web page, it literally changes that section of the text so that it fades to gray.
So, "everything scroll fades".
I couldn't find a way to turn it off. Quite irritating, IMHO.
EDITED TO ADD ELABORATION: The issue with iOS "scroll fade" text color in Safari near the top notch, is that this makes that top-edge-text "dynamic" (changing) and thus "draws attention" to it visually, thus competing for eyeball attention when I am probably actually reading somewhere further down on the page. Also, I would still like to be able to glance up to the topmost visible text if wanted, without having to adjust to its different and less visible colors. Apple designers should know all this. Further, I'd say the page text color should probably by default respect what the web page designer configured it as, and not have the OS change that text color (unless the user gets fancy and requests an override with dark mode or whatever settings).
This article's critique seems valid, too (more generically about "scroll fade" in interfaces, e.g. web pages, which seems to mostly be about items appearing gradually via motion). Personally, I see less of that these days, compared to making every page in an OS fade out where unnecessary.
Even better iOS example of not just "scroll fade" but regressive and incompetent UI design: the moving of Music's playback controls from the empty area at the top of the window into the content-browser area... where the controls are "transparent" and overlap the text and thumbnail images there. And all that stuff in the content-browser pane? Yep, it scroll-fades.
I can only add another aberration that it just started to happen on my browsers without even updating or doing anything at all: I get the master volume raised, I mean not the YouTube volume, but the volume that is reported in my OS.
I truly don't know how this is possible or how should I turn it off completely. There are some settings in Firefox but the ones I have tried do not work.
This is one of the worst things I have seen in many years, along with all the other aberrations that are already spread on the net.
The poster seems to be implying that this effect is prevalent across the web, yet i'm seeing it for the very first time on that post. (And, indeed, it's annoying. My eyes can't read when there's animation going on nearby.)
The goldfish animation along the bottom is epic and i will have to mine that bit for reuse somewhere :).
Anthropic uses it across all their websites, here's a typical example where the effect is obvious as you scroll down: https://claude.com/solutions/agents
I could be wrong, but my simple guess is that it's become widespread in LLM-generated websites partly because of Anthropic's own style guides getting adopted through Claude-bundled skills and such.
It is partly to blame, yes. This is from Claude’s official frontend skill:
“Motion: Use animations for effects and micro-interactions. Prioritize CSS-only solutions for HTML. Use Motion library for React when available. Focus on high-impact moments: one well-orchestrated page load with staggered reveals (animation-delay) creates more delight than scattered micro-interactions. Use scroll-triggering and hover states that surprise.”
Who thinks like this? The last thing I want on a website is surprise. I want to do what I came there to do, the same way it worked last time, and then get on with my day.
On a Web site or anywhere else. Apple, Microsoft, "flat design," and peek-a-boo UI all insult the user and waste his time by turning an important tool into an Advent calendar.
This is a great example of LLM feedback loops. Anthropic's site uses scroll fade, Claude's training data includes Anthropic's site, Claude recommends scroll fade to users, those sites become future training data. The web converges on one aesthetic and nobody remembers choosing it.
That's a bit different since those are separate chunks of content rather than running prose (and they're mainly meaningless marketing fluff anyway). I don't find it all that annoying compared to the original article.
It's still incredibly insulting to waste the user's time trying to force them to read the page sequentially instead of being able to immediately scroll to the chunk of content they are actually trying to find. Especially if it is not the user's first visit to the page.
Are the little hand animation graphics meant to flicker like they're an epilepsy test? That was so awful I didn't have brain power left to notice the fade scroll.
> The poster seems to be implying that this effect is prevalent across the web
Because it is.
For sites with dynamic content (social media, news, etc.), it doesn't happen.
But commercial sites trying to convince you to use their product, they're incredibly common. It's not always a fade in exactly like this site does it. Sometimes it's content sliding in from the side.
It's incredibly pervasive on SaaS marketing pages.
> It's incredibly pervasive on SaaS marketing pages.
That would explain my ignorance of it - such sites are in the bottom negligible percentage of sites which i might accidentally visit but never purposely do.
You probably haven't noticed it before because when it's done well, it's a subtle and pleasant effect that can be used to draw your attention to particular elements on the page.
This site is intentionally doing it very poorly to make a point. Really, the takeaway should be don't do things poorly. But that's kind of obvious.
It's always awful. This site is exagerated in degree, but in kind it's merely on the scale of awful.
Computers should not waste my time. Even if eyes are 10ms faster than the awful fade, if a million people see it, that's almost three hours of human life down the drain.
And when scrolling fast, or far, it's not uncommon to have it waste a second of human time. A million of those is 38 human working days, just flushed down the toilet, because someone wanted "pleasant".
It's fantastically disrespectful of other people's time.
The web is already slow. No need to deliberately spend effort to make it even slower.
"It's fantastically disrespectful of other people's time."
And this is what people have become way, WAY too tolerant of. The deliberate theft of customers' time. While this is obviously a very minor example, there are lots and lots of others that aren't.
I’m a fast scroller and skimmer. Info scroll down and the text is not there I’ll just assume that the site is shot and close it. Ain’t nobody got 200ms to wait for a god damn fade in when there’s an infinite amount of sites out there to discover.
I don't have a strong opinion either way on the effect, but I do have to say that I always find it amusing how fatalistic HN can sometimes be over the most minor cosmetic inconveniences, couching them as "wasting (large amounts of) humanity's time" and "disrespecting people" as if we're talking about something far more serious than little animations on a webpage.
I mean, you might not like it, and that's fair and understandable, but is it really that big of a deal? Surely not.
I mean, like the other commenter I would just close the page instead of enduring it.
But yes, in fact if this page succeeds then it's wasting human life on things as productive as spam phone calls. People have solved the latter by simply not answering for unknown numbers.
Not sure what you mean by "fatalistic". To the point where I'm not sure that's the word you mean. It's fatalistic as in fate. Maybe you mean morbid?
Standing in line at the DMV is also all "counting flowers on the wall, that don't bother me at all"? But even at the DMV it's (hopefully) not done maliciously.
> cosmetic inconveniences
Sometimes things suck. That's not remotely as frustrating as knowing that someone went out of their way to make your life worse.
> is it really that big of a deal? Surely not.
If we capped all laptop CPUs to 600MHz, would it really be that big of a deal? Maybe they did it because of the acoustic preference of not needing to spin the fans as much, and therefore you are not allowed faster CPUs?
I was redesigning a website of mine and Claude suggested to add this as an animation. My theory is that, if claude is confident in a suggestion, a lot of other people have done the same.
The scroll fade on that site is comparatively inoffensive (comparatively), because you messed with scrolling itself, which is one of the worst things you can do, taking over and ruining inertia. You’re literally going out of your way to make things worse. The ONLY time scrolljacking of any kind is acceptable is for things like maps where there is no “normal”.
Hijacking native scroll behavior to badly reimplement anything remotely like scrolling is wrong even in a gaming context. But if you're implementing Half Life 2 in a browser, where the user no longer has a normal cursor, then hijacking scrolling to implement the weapon switcher is fine.
I’ve seen the mostly in personal website templates used by people that would have had very sparkly MySpace profiles had they been creating for the web back then.
It definitely isn't prevalent, and usually is for "feature" pieces (like an expose on the Washington Post back when they were a real newspaper), along with product pages.
Apple uses it for their various pages, and it is legitimately annoying-
I worked for a client who was all about scrolljacking. Then he discovered parallax effect, and there was no looking back. He fired me, and got another team who didn't have any opinions.
Now the page stutters on every device other than iPhone 16+ with 5G. :shrug:
I'm not against animations in UI design but these should be used purposefully to direct the user's attention on something or for minimal aesthetic effect. When everything is moving it's just like adding a ton of ketchup to everything.
Hah, the point has certainly been made. Absolute Barf-o-Rama.
I suffer from pretty severe motion sickness, which hasn’t really improved as an adult, and this page immediately made me feel like I’m going to throw up. Had to switch to reader mode after the first image. I was always the kid who couldn’t read in the car, and was always groggy on long road trips because of Dramamine (side note, Meclizine has significantly improved my life, as it has largely the same effect without drowsiness). As an adult I’m fine as long as I’m in the front seat, public transit is terrible for me. Elevators are tiny torture chambers, especially when stopping on multiple floors. And it’s cumulative, the sensation becomes worse the more I’m exposed to it over the course of a day (I have a mental “theme park budget” in my head of how many rides I can comfortably do!). VR can’t have any motion that isn’t firmly anchored to a sense of place (space ship/driving sims are okay though!)
I’m glad awareness is being raised about this, but I’m curious what websites are using this now? Is it just personal blogs and the like right now? I definitely would have noticed this cropping up on websites I frequent.
> As an adult I’m fine as long as I’m in the front seat, public transit is terrible for me.
Me too! The worst part about this is anytime there's more than two adults in the vehicle, the "front seat" has all sorts of social expectations and courtesies. I once mentioned that I get motion sick when not in the front seat, and I could tell that nobody believed me and thought it was an uncool way to try and guilt people into letting me monopolize the favored chair. After that I don't bother, but do try to avoid shared cars because in those I'll be quietly sitting in a torture chamber while others around me don't understand.
Also, good God those drivers whould constantly gas-brake-gas-gas-brake-gas-brake-brake-gas. I get it when all the sudden traffic rapidly and unexpectedly slows down, but so many people seem to always be pressing at least one pedal, never coasting. It's torture
Scrolling to the bottom then forcing me to click "show more"? Lazy. A truly horrible experience. I don't know how anyone could think that is a good idea. The worst offenders are the ones showing me products. You might as well not have pages of products at all. Just tell me these 12 are the only ones you have because I've already lost interest. Not that most web stores are any good - most have no useful ability to search or browse so finding anything is like digging through a junk drawer. It all screams "we hate selling product, please go away".
Next worst? Everything Google makes and all the fools who copied them: scroll down, scrolling hard stops, then a few seconds later the next segment of content loads. The scrollbar position is naught but lies. WHY??? Are you proud of that? Because you shouldn't be. You should be ashamed. Demand-load the content behind the scenes so scrolling is continuous and smooth. If the user scrolls fast then skip pages and/or cancel prior requests. The scrolling is the priority, lazy-load the content as needed... but for f*k sake don't do what Google does.
The top worst: hijacking scrolling for any form of animation or to change direction. Absolutely horrid and I leave any webpage that does this out of spite. This just screams "I'M A DESIGNER, LOOK AT MEEEEE!!!!!". It is code equivalent of being "too clever", but for UX. If you don't want people to buy your product or signup for your service but instead be impressed by your ability to vomit out D-E-S-I-G-N then by all means proceed. Everyone is guilty of this, even those who should know better.
I've always been under the impression it was lazy loading the page to increase page loading times for content above the fold? At least this was why I started using it about 8 years ago.
Its like anything though. I think people just thought it was a cool effect and so it wasn't about page speed any more, it was just about something people used to add some panache to their sites.
Kind of like people who've been abusing modals for the last decade or so. lol
I'm not a web dev but if the goal is to improve load times, I'd think it would make more sense to load the full article text up front, and lazy load heavier data like images and video? I've seen a lot of websites that do it that way.
I'm someone who loves over-the-top, creative-for-the-sake-of-creative web design, even for something primarily text-based like a blog post, I 100% sympathize with and want to accommodate those who don't.
I think `prefers-tacky` is a brilliant idea! It means excess decorative images could avoid even being downloaded if the user so chooses.
Oh they know, but it's requested because clients want a fancy website, and just having fucking text on the fucking screen explaining what you fucking sell is boooooring.
And also completely functional and accessible but where's the fun in that?
Amen. So cathartic to see someone publish the post I've been wanting to write for a while, and with a much better title.
Also: I've noticed a new abuse recently of sites implementing scroll momentum on desktop — has anyone else seen this? I couldn't believe it, but there it was.
I'm guilty of this as well. https://kraa.io/about has some fade-in animation for the intro text – driven by wanting the initial impression to be focused/minimal and 'unravel' as you go. I take it that most HN folks would vastly prefer to NOT have this?
I’ll say as someone who suffers from severe motion sickness and the OP site makes me feel deeply uncomfortable, that your site does the fade in fast enough that it doesn’t give me any discomfort. Seems fine to me. Maybe I should consider being a consultant for vestibular motion sickness accessibility, haha. I’d get paid to answer “on a scale of 1-10, how pukey does this app make you feel?”
I think it looks fine except it's missing a more obvious hint that there's more to see when I scroll. The one that's there is just textual and very delayed.
Not sure if I second this or not. I did want to scroll, but I don't know how much of that was influenced from the context or the extreme minimalism making me want to look for more - I'm interested in how I would have reacted to the site not knowing it had scroll fade. I could see an argument with the "Don't Make Me Think" principle.
Really, almost any animation or hijacking of scrolling should be abolished. It's one of the most disgusting things to encounter on a webpage.
I don't want your product to spin while I scroll down. I don't want animations or boxes to start appearing or disappearing. I don't want helpful tooltips, popups, or "I hope you enjoyed this" notifications to appear as I scroll.
What I want when I scroll is for the page to move, either up or down, in a completely consistent manner. I want to be able to reasonably predict what I'll see as I go up or down.
Apple loves this shit. Fortunately they aren't AS BAD as they once were, but you'll still encounter it on their product pages.
My least favorite by far is the “multi section” webpage design. Where the page is split into multiple whole-screen sections and scrolling the mouse wheel alternates between either moving between sections or playing the animations of that section. Yes please make my scroll wheel only sometimes actually scroll the page and other times rotate a graphic for way too long thanks
Agree. I understand why people like those animations and sometimes even i want to implement these in my website with GSAP, but then i remember that these animations make my content harder to read.
Another major pisser is sites that deliberately disable zooming on their mobile incarnations. WTF, WHY? My favorite was when Google imperiously declared that it would "punish" "non-mobile-friendly" sites in their search results... but then disabled zooming on its own pages.
It’s kind of like when someone wants you to read something, so they hold the thing to read for you and read it out loud, while moving their finger at the words they’re currently reading. I know how to read!!!
I much prefer to have websites simple at all times. I
understand that stylish means it must look good and
elegant, but this often ends up annoying me to no ends.
Without ublock origin I would go nuts. I use it more
to get rid of HTML I don't want to see. All pop-ups
and slide-ins for instance. These things should never
ever happen. Any notification should happen differently,
or not at all. Often it is "please donate to us" -
I understand their use case, but how is this relevant
to my use case?
If you design the animation to be way over the top like this, and then design the page to use it on every line then of course it looks like shit.
This is like arguing against any amount of sugar in food and then shoveling it into someone's mouth to try to prove your point. It's disingenuous and you aren't proving anything. I don't even think the top agreeing comments here are coming from web devs or the target users.
Something else scroll-related I personally hate:
Sticky 'headers' that appear when you scroll down, and disappear when you scroll up. I hate them so much. It hurts my brain to see the stupid thing appear and disappear constantly if I scroll around a page.
The worst part is you can't even zap them out of the way with something like uBlock, because then there's no header even when you're at the top of the page. >:(
Screen real-estate for legitimate content is often at a premium and then they go and steal some of that land with sticky headers and or footers. I occasionally run across mobile sites that use both at the same time, while throwing in ads here and there, it's an atrocious experience.
> This post purposefully ignores the reduced motion preference to give everyone the same truly terrible experience. I am sorry. Please use your browser’s reader mode.
"Reader Mode" shouldn't even be a special mode. It should just be the default browsing experience, and users who want all this styling crap should have to enable "Clown Mode" or something.
"should have to enable "Clown Mode" or something."
Bwahahaha, +1! This reminds me of calling Windows XP's default motif "Fisher-Price" mode. Which, sadly, looks professional and efficient compared to Windows (and, increasingly, the Mac) today.
I actually think modern windows looks nice. It isn't nearly as good as the classic 9x look, but fluent obviously is a response to the visual shitshow that was 10
what a good idea to have this automatically come up when the page opens, and perhaps give user a few seconds to press escape to get rid of it, if needed
On MacOS and iOS you can set reader mode as default. You should set reader mode as default.
I thought this was going to be about iOS and how now (as of iOS 26) there is a "fade out" at the top of every web page (around the notch/top-edge area).
When scrolling/reading a web page, it literally changes that section of the text so that it fades to gray.
So, "everything scroll fades".
I couldn't find a way to turn it off. Quite irritating, IMHO.
EDITED TO ADD ELABORATION: The issue with iOS "scroll fade" text color in Safari near the top notch, is that this makes that top-edge-text "dynamic" (changing) and thus "draws attention" to it visually, thus competing for eyeball attention when I am probably actually reading somewhere further down on the page. Also, I would still like to be able to glance up to the topmost visible text if wanted, without having to adjust to its different and less visible colors. Apple designers should know all this. Further, I'd say the page text color should probably by default respect what the web page designer configured it as, and not have the OS change that text color (unless the user gets fancy and requests an override with dark mode or whatever settings).
This article's critique seems valid, too (more generically about "scroll fade" in interfaces, e.g. web pages, which seems to mostly be about items appearing gradually via motion). Personally, I see less of that these days, compared to making every page in an OS fade out where unnecessary.
Even better iOS example of not just "scroll fade" but regressive and incompetent UI design: the moving of Music's playback controls from the empty area at the top of the window into the content-browser area... where the controls are "transparent" and overlap the text and thumbnail images there. And all that stuff in the content-browser pane? Yep, it scroll-fades.
I turned on "Reduce Transparency", and instead of a fade, it turns the top and bottom sections of the screen into blank white space.
My "edge to edge screen" iPhone now resembles the last generation of iPhones with home button from 2017.
On iOS 26 (up to date as of this comment), the Orion web browser from Kagi does not have this problem.
It also supports firefox and chrome extensions, so you can use things like UBlock Origin and Privacy Badger.
It's that bad?
How about they give us back small iPhones with 4" screens then and whoever wants the fade can imagine it outside the physical phone?
On my iPhone 13 Mini, the space dedicated to showing browser content is around 4.25" diagonal with the Safari fade, so we're not that far off.
I can only add another aberration that it just started to happen on my browsers without even updating or doing anything at all: I get the master volume raised, I mean not the YouTube volume, but the volume that is reported in my OS.
I truly don't know how this is possible or how should I turn it off completely. There are some settings in Firefox but the ones I have tried do not work.
This is one of the worst things I have seen in many years, along with all the other aberrations that are already spread on the net.
The poster seems to be implying that this effect is prevalent across the web, yet i'm seeing it for the very first time on that post. (And, indeed, it's annoying. My eyes can't read when there's animation going on nearby.)
The goldfish animation along the bottom is epic and i will have to mine that bit for reuse somewhere :).
Anthropic uses it across all their websites, here's a typical example where the effect is obvious as you scroll down: https://claude.com/solutions/agents
I could be wrong, but my simple guess is that it's become widespread in LLM-generated websites partly because of Anthropic's own style guides getting adopted through Claude-bundled skills and such.
It is partly to blame, yes. This is from Claude’s official frontend skill:
“Motion: Use animations for effects and micro-interactions. Prioritize CSS-only solutions for HTML. Use Motion library for React when available. Focus on high-impact moments: one well-orchestrated page load with staggered reveals (animation-delay) creates more delight than scattered micro-interactions. Use scroll-triggering and hover states that surprise.”
Who thinks like this? The last thing I want on a website is surprise. I want to do what I came there to do, the same way it worked last time, and then get on with my day.
On a Web site or anywhere else. Apple, Microsoft, "flat design," and peek-a-boo UI all insult the user and waste his time by turning an important tool into an Advent calendar.
This is a great example of LLM feedback loops. Anthropic's site uses scroll fade, Claude's training data includes Anthropic's site, Claude recommends scroll fade to users, those sites become future training data. The web converges on one aesthetic and nobody remembers choosing it.
On top of that, that page took 10 seconds to load. On a Gbit network connection, lol
https://webflow.com/ is what i blame for the fade-in on scroll module.
15 years ago it did look very polished, boutique, professional. Now that it's a module everyone can do, everyone literally does it for every module.
Also there's tailwind that likely has a module for all the modules in webflow.
That's a bit different since those are separate chunks of content rather than running prose (and they're mainly meaningless marketing fluff anyway). I don't find it all that annoying compared to the original article.
It's still incredibly insulting to waste the user's time trying to force them to read the page sequentially instead of being able to immediately scroll to the chunk of content they are actually trying to find. Especially if it is not the user's first visit to the page.
Are the little hand animation graphics meant to flicker like they're an epilepsy test? That was so awful I didn't have brain power left to notice the fade scroll.
Parts also seem to ignore prefers-reduced-motion.
You are absolutely right!
the effect in this example fine though, and not obnoxious like OPs? I don't get it
> The poster seems to be implying that this effect is prevalent across the web
Because it is.
For sites with dynamic content (social media, news, etc.), it doesn't happen.
But commercial sites trying to convince you to use their product, they're incredibly common. It's not always a fade in exactly like this site does it. Sometimes it's content sliding in from the side.
It's incredibly pervasive on SaaS marketing pages.
> It's incredibly pervasive on SaaS marketing pages.
That would explain my ignorance of it - such sites are in the bottom negligible percentage of sites which i might accidentally visit but never purposely do.
You probably haven't noticed it before because when it's done well, it's a subtle and pleasant effect that can be used to draw your attention to particular elements on the page.
This site is intentionally doing it very poorly to make a point. Really, the takeaway should be don't do things poorly. But that's kind of obvious.
> when it's done well, it's a subtle and pleasant effect
I've seen it quite a lot, but apparently I've never seen it done well. It's a very annoying effect that chases me away from the site using it.
Not doing it at all would be better still. It's really annoying.
Fade in in scroll will always be slower than the reading speed of a significant percentage of population.
This becomes worse for people who just skim content, re-read the text, or want to quickly scroll to a specific place in text
It can speed up the loading of the above-the-fold content because the images on the rest of the page can be loaded as the user scrolls closer to them.
You can do this with just the 'loading' attribute on img elements and let the browser handle it without the gratuitous animations:
So you agree that for text, it should NEVER be used. And you are only arguing for lazy loading of images?
> when it's done well
It's always awful. This site is exagerated in degree, but in kind it's merely on the scale of awful.
Computers should not waste my time. Even if eyes are 10ms faster than the awful fade, if a million people see it, that's almost three hours of human life down the drain.
And when scrolling fast, or far, it's not uncommon to have it waste a second of human time. A million of those is 38 human working days, just flushed down the toilet, because someone wanted "pleasant".
It's fantastically disrespectful of other people's time.
The web is already slow. No need to deliberately spend effort to make it even slower.
"It's fantastically disrespectful of other people's time."
And this is what people have become way, WAY too tolerant of. The deliberate theft of customers' time. While this is obviously a very minor example, there are lots and lots of others that aren't.
Agree 100%!
I’m a fast scroller and skimmer. Info scroll down and the text is not there I’ll just assume that the site is shot and close it. Ain’t nobody got 200ms to wait for a god damn fade in when there’s an infinite amount of sites out there to discover.
I don't have a strong opinion either way on the effect, but I do have to say that I always find it amusing how fatalistic HN can sometimes be over the most minor cosmetic inconveniences, couching them as "wasting (large amounts of) humanity's time" and "disrespecting people" as if we're talking about something far more serious than little animations on a webpage.
I mean, you might not like it, and that's fair and understandable, but is it really that big of a deal? Surely not.
I mean, like the other commenter I would just close the page instead of enduring it.
But yes, in fact if this page succeeds then it's wasting human life on things as productive as spam phone calls. People have solved the latter by simply not answering for unknown numbers.
Not sure what you mean by "fatalistic". To the point where I'm not sure that's the word you mean. It's fatalistic as in fate. Maybe you mean morbid?
Standing in line at the DMV is also all "counting flowers on the wall, that don't bother me at all"? But even at the DMV it's (hopefully) not done maliciously.
> cosmetic inconveniences
Sometimes things suck. That's not remotely as frustrating as knowing that someone went out of their way to make your life worse.
> is it really that big of a deal? Surely not.
If we capped all laptop CPUs to 600MHz, would it really be that big of a deal? Maybe they did it because of the acoustic preference of not needing to spin the fans as much, and therefore you are not allowed faster CPUs?
I was redesigning a website of mine and Claude suggested to add this as an animation. My theory is that, if claude is confident in a suggestion, a lot of other people have done the same.
Maybe it's too subtle to notice.
Edit: on odeva.nl
The scroll fade on that site is comparatively inoffensive (comparatively), because you messed with scrolling itself, which is one of the worst things you can do, taking over and ruining inertia. You’re literally going out of your way to make things worse. The ONLY time scrolljacking of any kind is acceptable is for things like maps where there is no “normal”.
Or for a game, where it's part of the interface.
Got an example of what you mean? Because if you mean the only thing I can think of, I very strongly disagree.
Hijacking native scroll behavior to badly reimplement anything remotely like scrolling is wrong even in a gaming context. But if you're implementing Half Life 2 in a browser, where the user no longer has a normal cursor, then hijacking scrolling to implement the weapon switcher is fine.
https://history-of-animation.webflow.io/
Are you sure you don't have prefers-reduced-motion enabled? I just found out I already have it enabled when I went to look for how to enable it...
I’ve seen the mostly in personal website templates used by people that would have had very sparkly MySpace profiles had they been creating for the web back then.
> The goldfish
It goes where you click in the water area
It definitely isn't prevalent, and usually is for "feature" pieces (like an expose on the Washington Post back when they were a real newspaper), along with product pages.
Apple uses it for their various pages, and it is legitimately annoying-
https://www.apple.com/iphone/
Tesla is a fan as well-
https://www.tesla.com/models
Occasionally sites use lazy loaded images, and do a "fade in" effect when they're actually loaded. Nothing wrong with that particular use.
> https://www.tesla.com/models
Love how that page takes almost 10 seconds to load for the first time on a 200Mbps connection
I worked for a client who was all about scrolljacking. Then he discovered parallax effect, and there was no looking back. He fired me, and got another team who didn't have any opinions.
Now the page stutters on every device other than iPhone 16+ with 5G. :shrug:
I raise you one. Death to the parallax scroll. In fact, death to all scroll animations.
Scrolling should just move a fixed size view up and down a fixed sized page. Why on earth must everyone complicate it so much?
I don't understand why browsers ever let designers fuck up the scrolling mechanism in the first place. Why is that even possible?
Browsers have handed way too much control to web developers. "The web as a software SDK" was a terrible idea.
Absolutely.
I'm not against animations in UI design but these should be used purposefully to direct the user's attention on something or for minimal aesthetic effect. When everything is moving it's just like adding a ton of ketchup to everything.
Death to scroll event override in general. Messes up my vimium smooth scrolling.
Hah, the point has certainly been made. Absolute Barf-o-Rama.
I suffer from pretty severe motion sickness, which hasn’t really improved as an adult, and this page immediately made me feel like I’m going to throw up. Had to switch to reader mode after the first image. I was always the kid who couldn’t read in the car, and was always groggy on long road trips because of Dramamine (side note, Meclizine has significantly improved my life, as it has largely the same effect without drowsiness). As an adult I’m fine as long as I’m in the front seat, public transit is terrible for me. Elevators are tiny torture chambers, especially when stopping on multiple floors. And it’s cumulative, the sensation becomes worse the more I’m exposed to it over the course of a day (I have a mental “theme park budget” in my head of how many rides I can comfortably do!). VR can’t have any motion that isn’t firmly anchored to a sense of place (space ship/driving sims are okay though!)
I’m glad awareness is being raised about this, but I’m curious what websites are using this now? Is it just personal blogs and the like right now? I definitely would have noticed this cropping up on websites I frequent.
> As an adult I’m fine as long as I’m in the front seat, public transit is terrible for me.
Me too! The worst part about this is anytime there's more than two adults in the vehicle, the "front seat" has all sorts of social expectations and courtesies. I once mentioned that I get motion sick when not in the front seat, and I could tell that nobody believed me and thought it was an uncool way to try and guilt people into letting me monopolize the favored chair. After that I don't bother, but do try to avoid shared cars because in those I'll be quietly sitting in a torture chamber while others around me don't understand.
Also, good God those drivers whould constantly gas-brake-gas-gas-brake-gas-brake-brake-gas. I get it when all the sudden traffic rapidly and unexpectedly slows down, but so many people seem to always be pressing at least one pedal, never coasting. It's torture
I suffer from pretty severe motion sickness
I don't, and yet I am also feeling nauseated after reading that page! What a truly awful experience.
Gotta love the attention to detail at the end, that is illegible when selected too.
It's not realistic, though. Illegible sites never get that detail right.
Scrolling is broken by everyone everywhere.
Scrolling to the bottom then forcing me to click "show more"? Lazy. A truly horrible experience. I don't know how anyone could think that is a good idea. The worst offenders are the ones showing me products. You might as well not have pages of products at all. Just tell me these 12 are the only ones you have because I've already lost interest. Not that most web stores are any good - most have no useful ability to search or browse so finding anything is like digging through a junk drawer. It all screams "we hate selling product, please go away".
Next worst? Everything Google makes and all the fools who copied them: scroll down, scrolling hard stops, then a few seconds later the next segment of content loads. The scrollbar position is naught but lies. WHY??? Are you proud of that? Because you shouldn't be. You should be ashamed. Demand-load the content behind the scenes so scrolling is continuous and smooth. If the user scrolls fast then skip pages and/or cancel prior requests. The scrolling is the priority, lazy-load the content as needed... but for f*k sake don't do what Google does.
The top worst: hijacking scrolling for any form of animation or to change direction. Absolutely horrid and I leave any webpage that does this out of spite. This just screams "I'M A DESIGNER, LOOK AT MEEEEE!!!!!". It is code equivalent of being "too clever", but for UX. If you don't want people to buy your product or signup for your service but instead be impressed by your ability to vomit out D-E-S-I-G-N then by all means proceed. Everyone is guilty of this, even those who should know better.
I've always been under the impression it was lazy loading the page to increase page loading times for content above the fold? At least this was why I started using it about 8 years ago.
Its like anything though. I think people just thought it was a cool effect and so it wasn't about page speed any more, it was just about something people used to add some panache to their sites.
Kind of like people who've been abusing modals for the last decade or so. lol
I'm not a web dev but if the goal is to improve load times, I'd think it would make more sense to load the full article text up front, and lazy load heavier data like images and video? I've seen a lot of websites that do it that way.
I'm someone who loves over-the-top, creative-for-the-sake-of-creative web design, even for something primarily text-based like a blog post, I 100% sympathize with and want to accommodate those who don't.
I think `prefers-tacky` is a brilliant idea! It means excess decorative images could avoid even being downloaded if the user so chooses.
In reader mode on iOS 26, there is some scroll jank, presumably due to hidden scroll fade.
(Take this as another excuse not to hijack scrolling behavior, not an actual request you improve your implementation of tacky-mode.)
It's amazing how web graphic designers don't realize 99% of all added motion/animation is just as annoying and unnecessary as <blink> and <marquee>.
Oh they know, but it's requested because clients want a fancy website, and just having fucking text on the fucking screen explaining what you fucking sell is boooooring.
And also completely functional and accessible but where's the fun in that?
I wish this blog stopped the scroll fading after it made ita point. would have really hammered it home.
Amen. So cathartic to see someone publish the post I've been wanting to write for a while, and with a much better title.
Also: I've noticed a new abuse recently of sites implementing scroll momentum on desktop — has anyone else seen this? I couldn't believe it, but there it was.
I'm guilty of this as well. https://kraa.io/about has some fade-in animation for the intro text – driven by wanting the initial impression to be focused/minimal and 'unravel' as you go. I take it that most HN folks would vastly prefer to NOT have this?
I’ll say as someone who suffers from severe motion sickness and the OP site makes me feel deeply uncomfortable, that your site does the fade in fast enough that it doesn’t give me any discomfort. Seems fine to me. Maybe I should consider being a consultant for vestibular motion sickness accessibility, haha. I’d get paid to answer “on a scale of 1-10, how pukey does this app make you feel?”
I think it looks fine except it's missing a more obvious hint that there's more to see when I scroll. The one that's there is just textual and very delayed.
Not sure if I second this or not. I did want to scroll, but I don't know how much of that was influenced from the context or the extreme minimalism making me want to look for more - I'm interested in how I would have reacted to the site not knowing it had scroll fade. I could see an argument with the "Don't Make Me Think" principle.
Really, almost any animation or hijacking of scrolling should be abolished. It's one of the most disgusting things to encounter on a webpage.
I don't want your product to spin while I scroll down. I don't want animations or boxes to start appearing or disappearing. I don't want helpful tooltips, popups, or "I hope you enjoyed this" notifications to appear as I scroll.
What I want when I scroll is for the page to move, either up or down, in a completely consistent manner. I want to be able to reasonably predict what I'll see as I go up or down.
Apple loves this shit. Fortunately they aren't AS BAD as they once were, but you'll still encounter it on their product pages.
https://www.apple.com/macbook-neo/
My least favorite by far is the “multi section” webpage design. Where the page is split into multiple whole-screen sections and scrolling the mouse wheel alternates between either moving between sections or playing the animations of that section. Yes please make my scroll wheel only sometimes actually scroll the page and other times rotate a graphic for way too long thanks
Agree. I understand why people like those animations and sometimes even i want to implement these in my website with GSAP, but then i remember that these animations make my content harder to read.
Another major pisser is sites that deliberately disable zooming on their mobile incarnations. WTF, WHY? My favorite was when Google imperiously declared that it would "punish" "non-mobile-friendly" sites in their search results... but then disabled zooming on its own pages.
It’s kind of like when someone wants you to read something, so they hold the thing to read for you and read it out loud, while moving their finger at the words they’re currently reading. I know how to read!!!
Originally read the URL as “D-Bus Hell dot com” and was like… yup.
Death to Scroll Bar size change!!!
This is the modern day blinking HTML tag.
I also hate infinite scrolling.
I much prefer to have websites simple at all times. I understand that stylish means it must look good and elegant, but this often ends up annoying me to no ends. Without ublock origin I would go nuts. I use it more to get rid of HTML I don't want to see. All pop-ups and slide-ins for instance. These things should never ever happen. Any notification should happen differently, or not at all. Often it is "please donate to us" - I understand their use case, but how is this relevant to my use case?
This website has a slow and laggy implementation which unfairly shows off the effect.
There are no bad animations, only bad designs.
If you design the animation to be way over the top like this, and then design the page to use it on every line then of course it looks like shit.
This is like arguing against any amount of sugar in food and then shoveling it into someone's mouth to try to prove your point. It's disingenuous and you aren't proving anything. I don't even think the top agreeing comments here are coming from web devs or the target users.
do not the scroll
i will umatrix you