How to scroll within an overflow hidden div to a certain currently invisible element?

Question

I have a list of elements within a overflow hidden div. So not all elements are visible. Now, if an element gets activated, it should become visible within the div.

Answer 1

You can set the scrollTop of the wrapper div to be the top of the position of the active element.

$("#wrapper").scrollTop($("#wrapper").scrollTop() + $("div.element.active").position().top);

DEMO

Answer 2

Maybe you are looking for scrollIntoView method.

scrollToEl[0].scrollIntoView();

DEMO: http://jsfiddle.net/yuFk5/14/