Scrolling with Javascript inside of an overflow element

Question

I need to do scrolling with JS. I know it can be done on the window with window.scrollBy or window.scrollTo, but I haven't been able to find how to get it done inside of an element that has the overflow-y: scroll css property. Here's a JSBin as an example of what I want to scroll: http://jsbin.com/UcUQul/1/edit

kamituel · Accepted Answer · 2013-10-23 05:25:57Z

1

You can use scrollTop property. For instance:

var outer = document.getElementById('outer');
outer.scrollTop = 10;

See this JSFiddle for an example.

edited Oct 23, 2013 at 5:25

answered Oct 22, 2013 at 19:52

kamituel

36.2k6 gold badges86 silver badges101 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

tzenderman Over a year ago

I don't want to scroll on the window, I want to scroll inside the div.

kamituel Over a year ago

@tzenderman - "window" is just a name of the <div> you've used in your code. See this JSFiddle for an example.

Collectives™ on Stack Overflow

Scrolling with Javascript inside of an overflow element

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related