> The element from which the value is propagated must then have a used overflow value of visible.
So <html> is always overflow:visible. It’s never a scroll container, not even when you explicitly apply overflow:auto to <html> because it just propagates up, and <html> stays overflow:visible.
But this is all irrelevant because the overscroll spec says that
Change of pace with an HTML/CSS question! I have a transparent div at the top of the page, position fixed, and text positioned normally underneath it. How do I offset the text so it is never visible under the top bar when scrolling? https://codepen.io/iamthatis/pen/zYbPXpJ
TIL: you can scroll to text fragments directly with links by adding "#:~:text=<url-encoded-text>".
Supporting browsers will jump to the first of the given text blocks, and highlight all of them if you supply multiple. It's supported by Chrome and Safari, but with Firefox aiming to add support at some point. There's also a cool plugin to generate links like that for you.
Scrolljacking 101 (16min): https://www.nngroup.com/articles/scrolljacking-101/
Usability issues with scrolljacking (disorientation, frustration especially on mobile and task oriented sites) and some best practices to implement this in a more usable way #UX#Scroll
🧵After a video by #LouisRossman, on whether or not #AdBlocking is #Piracy, I got some thoughts. (This isn't a response to the video, but I'll link it anyway.)
BTW., the thread lead to a #BlogPost👇🏻, that's probably easier to read - with links and images in Technicolor™! (And no ads.😉)
But, I'm not sure I can 100 % defend my use of ad blockers. It's easy to think "I can block ads, since most people don't - so the free stuff is still available". But would it be if everyone did? At the same time, "the ad supported web" is a pretty terrible place, with bad privacy and incentive structures. Greed and exploitation ruined the web, so I should be able to "fix it", right?
I wish #Scroll, that got bought and closed down by #Twitter (pre-Elon), would've been a thing...
(3/10)
Edit: Added a comment and updated the option bar to match the navbar.
Sure, here you go! I've never done anything like this before so it's probably a formatting disaster, but I've done my best to clean it a bit and add some comments about what does what here. This is what I've come up with after a few hours of just poking around with the inspect element feature and reading some tutorials:
/* The little arrow button in the bottom right that takes you back to the top of the page */ #scroll-top {
background: linear-gradient(to top right, rgba(229, 0, 32, .8) , rgba(242, 151, 57, .8));
box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.5);
backdrop-filter: blur(10px);
}
One thing that I've always liked is the endless scrolling. IDK if there's a way to endlessly scroll through magazines but maybe that would make it more like reddit /r/all ... Because I would almost always go there and scroll for thousands of pages....
Why is no one decorating their magazines?
Why is no one using CSS to make their magazine's visual appearances more unique? That was the main draw of old Reddit for me....
Endless Scrolling
One thing that I've always liked is the endless scrolling. IDK if there's a way to endlessly scroll through magazines but maybe that would make it more like reddit /r/all ... Because I would almost always go there and scroll for thousands of pages....