Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Death to Scroll Fade

dbushell.com

Post reply on HN
Print view View original

121–130 of 232 posts

Re: Death to Scroll Fade

#121

Post by wtallis »

ryandrake wrote: post #11

> 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.

I want a reader mode that renders the page as if it were in an extremely tall window (ie. 10+ screens tall), then gives me a scrollable view of that static image of the rendered page. My browser should lie to the page on my behalf, and make it behave as if everything were already on-screen.

Re: Death to Scroll Fade

#122

Post by lebuin »

Night_Thastus wrote: post #96

Something else scroll-related I personally hate: Sticky 'headers' that disappear when you scroll down, and appear 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. >:( EDI…

God yes. For some reason, I automatically scroll in such a way that I always keep what I'm reading at the very top of the screen. Which means that every time I want to reread a sentence I first have to scroll past the header.

Re: Death to Scroll Fade

#123

Post by cwillu »

MichaelDickens wrote: post #83
burningChrome wrote: post #78

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…

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.

But then a fast reader might be able to read faster than the ads could load!

Re: Death to Scroll Fade

#124

Post by Illniyar »

Night_Thastus wrote: post #96

Something else scroll-related I personally hate: Sticky 'headers' that disappear when you scroll down, and appear 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. >:( EDI…

This is literally the best ux pattern you can have. It is intuitive - user immediately discovers it when performing the obvious action, it increases the user experience (more text to read) without any real downside.

It is the first thing I suggest to anyone when I see someone didn't implement it.

I've never heard a complaint about it until now.

Re: Death to Scroll Fade

#125

Post by delbronski »

Why do web animations get so much hate with the HN crowd?

I think a website is similar to a painting. Some will make you dizzy by just looking at them, and others will be a minimalist dream.

Don’t hate me HN, but I say keep messing with the scroll bar, keep making annoying blinking banners, have your way with scroll fade.

Don’t listen to these web dev veterans, they are just like snobby movie critics!

Re: Death to Scroll Fade

#127

Post by [deleted] »

Illniyar wrote: post #124
Night_Thastus wrote: post #96

Something else scroll-related I personally hate: Sticky 'headers' that disappear when you scroll down, and appear 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. >:( EDI…

This is literally the best ux pattern you can have. It is intuitive - user immediately discovers it when performing the obvious action, it increases the user experience (more text to read) without any real downside. It is the first thing I suggest to anyone when I see someone didn't implement it. I've never heard a complaint about it until now.

[deleted]

Re: Death to Scroll Fade

#128

Post by jjcm »

There's a very simple fix I typically do when it comes to animations:

    animationCount = 0
    animateElement(el) {
        el.animate({duration: BASE_DURATION / animationCount})
        animationCount++
    }
(formula exagerated for simplicity)

Essentially, for any animation that gets repeated, it should decrease in duration over time. This makes things impactful when they're first being displayed, but they very quickly approach an extremely minimal state, making things feel snappy.

Post reply on HN