jQuery Dialog scroll to element in dialog

Question

I have the following issue:

I open a dialog box with jQuery UI. This dialog box contains a lot of content, which can't be displayed at once.

Is it possible to scroll to a specific element within the dialog box?

score 9 · Accepted Answer · edited May 23 '17 at 12:30

9

Answer from previous question:

var container = $('div'),
scrollTo = $('#row_8');

container.scrollTop(
    scrollTo.offset().top - container.offset().top + container.scrollTop()
);

// Or you can animate the scrolling:
container.animate({
    scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop()
});

edited May 23 '17 at 12:30

Community

1
1

answered Mar 27 '12 at 11:23

Darbio

10,681
12
55
98

Ok I didn't know that this would also work within other contains. Thanks a lot. – Christian Kolb Mar 27 '12 at 11:28
No worries. The dialog box is just another `div` so it will work in that too. – Darbio Mar 27 '12 at 11:40
Yes I testet it and it does. Thanks again. – Christian Kolb Mar 27 '12 at 12:03

jQuery Dialog scroll to element in dialog

1 Answers1

Linked