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)

  • BradleyUffner@lemmy.world
    link
    fedilink
    English
    arrow-up
    5
    ·
    6 hours ago

    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.worldOP
      link
      fedilink
      English
      arrow-up
      1
      ·
      6 hours ago

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

  • Zachariah@lemmy.world
    link
    fedilink
    English
    arrow-up
    1
    ·
    edit-2
    5 hours ago

    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.worldOP
      link
      fedilink
      English
      arrow-up
      1
      ·
      2 hours ago

      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
        link
        fedilink
        English
        arrow-up
        1
        ·
        1 hour 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.