Scroll overflow element without scrolling into view

Question

I have a child element styled with overflow-y: auto that contains a list of other objects. At certain times I need to scroll this list to a particular position, and I have been using item.scrollIntoView() which works almost perfectly.

The problem is that scrollIntoView() scrolls both the list to the correct position, but also forces the list itself to scroll into view. Is it possible to scroll just the list itself without scrolling the window? if jQuery is the only simple way, that is also acceptable.

jQuery is a library. Not magical. Just slow. And, yes, there's another way. — bjb568
– bjb568, Commented Feb 2, 2014 at 3:37
I have done this changing the margin of the child element. Like... margin top to -100px. Would something like this work for you situation? — natedavisolds
– natedavisolds, Commented Feb 2, 2014 at 3:50

Matt Way · Accepted Answer · 2014-02-02 04:18:45Z

1

I wasn't aware that you could simply manipulate the scrollTop property of the container.

answered Feb 2, 2014 at 4:18

Matt Way

33.3k10 gold badges85 silver badges86 bronze badges

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

Collectives™ on Stack Overflow

Scroll overflow element without scrolling into view

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related