In the last couple months if you go to their site in a mobile browser (e.g. from search results), after a short scroll down they have this popup demanding you install their app and it completely takes over the screen. I take it as a reminder never to install their app.
I thought I'd be clever and use iOS's "Hide Distracting Items" to get rid of elements like that. But reddit kills the scroll, too, so even after the dickover[0] is gone the page is still non-functional. Nothing says, "we don't want your business" like a non-functional web page, which seems like a bad move unless you're selling food or potable water. 'cuz I get along just fine w/o reddit.
I've been trying to figure out for years how to keep specific bits of Javascript like that from triggering. But so many modern webpages are procedurally generated messes born from frameworks that I can't reliably track down a way to do it. On Reddit for example there's reddit.com, redd.it, redditstatic.com, and cdn-apple.com that are all subdomains that load on the page, and each pull Javascript from dozens of different sources. If you disable Javascript entirely the page won't load and instead nags you to enable it. I don't want to go digging through the page inspector in my dev console just to track down which .js file is causing that, and then figure out how to only stop it from killing the scrollbar. If you can even do that. Some pages are so labyrinthine that you can't.
I'm sure there must be something on https://github.com/gorhill/ublock/wiki/Resources-Library but I've still not really been able to make sense/use of these rules much. At this point blocking certain things in js universally seems kind of impossible now that everything is webpack-chunked with random names or hidden in react context that seems inaccessible.
But I think this css rule covers many simple cases
html[style*="overflow:hidden"], html[style*="overflow: hidden"]
{
overflow: auto !important;
}
Many websites might be broken, but I’d like a toggle to disable listening for scroll events. And no overflow overrides on major and screen-wide elements.
I use various bookmarklets to address this issue. The javascript is easy enough that you can modify it even if you're not a programmer. For example see: https://news.ycombinator.com/item?id=43488943
It's the worst on iPhone, because it won't even let me scroll back up to show the button to open the tabs view, I have to switch out of the browser and re-open it to be able to scroll to show.
I think you can just tap the tab bar to bring the controls back. Works for me on whatever iOS this is before “Lucas would be proud with this numbering” 26.
This sounds cool at first but I think I really want vetted, up-to-date, edge-case-covered community extensions. You know, like we already have without arTiFicIAl ‘inteligence’.