I have a list that can overflow. I am using something similar to this example to automatically scroll to the end of the list when the page loads or when an item is added.

However, I would like to scroll only within the overflow of the list component. For example, if the list component is not in view when the page loads, it should not scroll to it. But, once you scroll down to the list component, it should be pre-scrolled to the bottom.