I wondered if it was possible to hide elements in the OverScroll area of a web page.
-
I wondered if it was possible to hide elements in the OverScroll area of a web page.
Turns out… no!
-
Same a while ago.
But the tag #CSS might be misleading.
We can turn it off https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior
but the <bilnk>bounce</blink> is a fail of #google and should rather read #BrowserMafia -
@sl007 I don't understand what you're talking about?
That video is taken from Firefox. -
Yes, but firefox was basically forced by google to also do the bounce effect.
Doesn't overscroll-behavior: none;
disable it?
https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behaviorIf this is not enough and you _need_ to style it, see https://camlittle.com/posts/2020-05-15-css-overscroll-styling/
There was also a good article on CSS tricks, can't find it but most aspects are covered in https://css-tricks.com/almanac/properties/o/overscroll-behavior/What I tried to say:
If google plans a feature they should speak to all affecting W3C groups and the CSS group, then wait until we can style it (or if it has enough acceptance) and _then_ do it -
@sl007
Mate, not to "pull rank" or anything, but I was the UK's representative to the W3C for several years. I think I know how its processes work. -
Iván Sánchez Ortegareplied to Terence Eden last edited by
@Edent
Your <body> has overflow:visible, right? -
@Edent Oh, I ended up doing this accidentally on my site and turned it into an easter egg.
-
@Jbasoo
Oh! I'm going to have to work out how you did that -
yes, no doubt
I was the elected Policy Lead for W3C Social CG and this protocol and my observation is just that the ignorance from google is growing.
Apart from the recent Talk at Public Spaces (pinned), see e.g. my very old demo of registerProtocolHandler at IndieWebCamp Brighton.
https://www.youtube.com/live/W70wd56i0Bg?si=qVAfpaQKOEkITsQy&t=2032
We made them aware but the google fail here is _still_ the only reason, why we need to enter our handle if we interact on a different mastodon instance's window context … -
Terence Edenreplied to Sebastian Lasse last edited by
@sl007 OK. But I still don't understand *why* you're telling me this?
I'm not talking about the bounce effect - I'm talking about using CSS to hide something in the overflow. -
@Edent Just a :root pseudo element translated outside the scrollport. I haven't tried with regular elements in the body though, I would've thought it would work.
https://github.com/jbasoo/jamesbasoo/blob/main/content%2Fcss%2Fbase%2Flayout.css#L6-L17