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?

Community · Accepted Answer · 2017-05-23 12:30:31Z

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, 2017 at 12:30

CommunityBot

11 silver badge

answered Mar 27, 2012 at 11:23

Darbio

11.4k12 gold badges64 silver badges101 bronze badges

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

3 Comments

Christian Kolb Over a year ago

Ok I didn't know that this would also work within other contains. Thanks a lot.

Darbio Over a year ago

No worries. The dialog box is just another div so it will work in that too.

Christian Kolb Over a year ago

Yes I testet it and it does. Thanks again.

Collectives™ on Stack Overflow

jQuery Dialog scroll to element in dialog

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related