So I'm writing some javascript¹ for a textbox that automatically scrolls when new content is added but only if you're already scrolled to the bottom, and I'm actually more than a little confused about how to detect I'm already at the bottom. What would be a lot easier, the way I'm doing this, is to detect that the bottom item is visible on screen, and to force a rescroll when a change occurs while bottom item is visible. So scrolling ALMOST to the bottom would "lock"
¹ okay, Rust. It's cursed
Replying to @mcc@mastodon.social
That's not… *quite* the behavior people expect, is it? How annoying would that behavior be?
Replying to @nabijaczleweli@101010.pl
@mcc (i think you want "scroll at bottom" rather than "last item visible", but otherwise)
Replying to @mcc@mastodon.social
@mcc [guy whos used an xterm before voice] seems reasonable to me
Replying to @nabijaczleweli@101010.pl
@nabijaczleweli do you think that would be better than this? https://mastodon.social/@mcc/116869331732045586
mcc@mcc@mastodon.social@eramdam how good an approach do you think this is? it seems "perfect" but i'm not sure if it's compatible with what i'm doing now (because what i'm doing now is modifying a scroller that blanks divs that are too far offscreen) https://css-tricks.com/books/greatest-css-tricks/pin-scrolling-to-bottom/
Replying to @mcc@mastodon.social
@mcc afaics that's what the second codepen implements
Replying to @nabijaczleweli@101010.pl
@nabijaczleweli what is the referent of "this"?
Replying to @mcc@mastodon.social
@mcc xterm-like "autoscroll iff scrollpos at bottom"
Replying to @mcc@mastodon.social
@mcc iirc thats how most messaging apps do it yeah. The difficulty really lies in knowing when to lock (because you need to measure the scrollable height and make sure the bottom of your element is visible and not just part of it etc etc)
Replying to @eramdam@erambert.me
@eramdam how good an approach do you think this is? it seems "perfect" but i'm not sure if it's compatible with what i'm doing now (because what i'm doing now is modifying a scroller that blanks divs that are too far offscreen) https://css-tricks.com/books/greatest-css-tricks/pin-scrolling-to-bottom/
CSS-TricksPin Scrolling to Bottom - CSS-TricksIn perhaps in the top 5 most annoying things a website can do is this. You're trying to read something (or click something!) and all the sudden the page shift underneath you (or you mis-click!). There is a CSS property that can help fix that. Plus, we can exploit it to do something that was previously exclusively in the realm of JavaScript.
Replying to @mcc@mastodon.social
@mcc Depends on how often more text gets added, I guess. I get so frustrated when text is added while I’m scrolling, so the place I scrolled to no longer counts as “most recent”, so the scrolling doesn’t lock to the bottom.