this post was submitted on 20 Nov 2024
8 points (100.0% liked)

WebDev

1157 readers
2 users here now

Community for all things Web Development related.

founded 1 year ago
MODERATORS
postman@lemmy.world
8
Turning off "heavy scroll" effect on websites (lemmy.world)
submitted 1 day ago by slow_server@lemmy.world to c/webdev@lemmy.world
5 comments fedilink hide all child comments
 

Anyone know how I can turn off this "heavy scroll" effect some websites have? Here's an example:

https://kabuand.com/

I just realized this might also be called a parallax effect, but I am not sure here. I'm basically looking for some javascript I could inject to take over an event handler method, or some CSS. I've tried overwriting scroll effects on some other sites but haven't had much success, so I'm wondering if anyone knows of a surefire way (aside from disabling JavaScript altogether)

top 5 comments
sorted by: hot top controversial new old
[–] BradleyUffner@lemmy.world 5 points 1 day ago (1 children)

There are a million different ways to implement that effect and therefore no one way to turn it off. It's always going to be site specific.

[–] slow_server@lemmy.world 1 points 1 day ago

That was my suspicion...so that begs the question what are the most common ways people implement this?

[–] Zachariah@lemmy.world 1 points 1 day ago* (last edited 1 day ago) (1 children)

Firefox has reader view that can render just the text, links, and some embeds like images for you.

Edit: it’s usually a CSS thing, not JavaScript

[–] slow_server@lemmy.world 1 points 1 day ago (1 children)

Hmm is it? In many cases I’ve seen it disabled just by turning off JavaScript. Also, don’t know what CSS property allows for that. If it was CSS it would make solving this much easier with my own style sheet

[–] Zachariah@lemmy.world 1 points 1 day ago

If I’m thinking of the same effect you are, I have only seen it described as CSS. I guess maybe the JavaScript is dynamically changing CSS properties as you scroll.