<div id="test" style="height:200px;overflow:scroll;">
...a large amount of text...
<div id="bottom"></div>
</div>
While using jQuery throughout the session to add more text into #test, a challenge arises.
The issue is once the text goes beyond what's visible, manual scrolling is required to see it. To address this, an attempt was made to automatically move to #bottom. However, this solution causes disruption to the rest of the page by consistently jumping back up to #bottom.
Is there a way to keep the scroll focused on the bottom without causing the window to jump? Can this be achieved through a different method?