We help IT Professionals succeed at work.

Set Scroll Position to Bottom Of Element

Medium Priority
Last Modified: 2012-05-05

I have a <span> element with height, width and overflow attributes set. As i press a button javascript adds to the text written inside, eventually overflowing the element and causing scroll bars to appear. Is there a way to automatically locate the user at the bottom of the element, meaning they don't need to scroll down themselves.

Watch Question

Hey Richard,

You can't do this in CSS, you'll be needing to use javascript to provide that functionallity for you.

check out scrollTop and scrollLeft, if I remember correctly these have setters too, that in combination with innerHeight or some other property like it should get you what you want.

Good luck,


Not the solution you were looking for? Getting a personalized solution is easy.

Ask the Experts
Access more of Experts Exchange with a free account
Thanks for using Experts Exchange.

Create a free account to continue.

Limited access with a free account allows you to:

  • View three pieces of content (articles, solutions, posts, and videos)
  • Ask the experts questions (counted toward content limit)
  • Customize your dashboard and profile

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.


Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.