Using:

//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js //ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js

I launch a jQuery UI modal Dialog containing an iframe. The contained document has anchors with corresponding navigational links. When a link is clicked I use:

$(window).scrollTop(anAnchor.position().top);

This brings the content identified by anAnchor into view however the dialog's scrollbar is positioned at the top of the dialog making it impossible to then use the scrollbar to navigate to the top of the document (i.e. the content that precedes anAnchor).

(see image - there is content prior to the "Options / Settings" panel which can't be navigated to using the scrollbar. Using the navigation links does bring that panels content into view)

How do I get the dialog scrollbar positioned correctly?

Thanks.