Question

I am trying to open a modal jquery dialog using jquery 1.4 and jquery-ui-1.8rc3.custom.js

The dialog opens up with no issues, in all browsers, but in IE 7 and 6, after the dialog opens up, the window scrolls itself to the buttom… I tried scrolling the window up back to the modal position but is very inconsistent.
was using the following line of code after opening up the modal

window.scrollTo($('#selector').dialog('option', 'position')[0],$('#selector').dialog('option', 'position')[1]);

One weird thing I am noticing is that after I open the modal, the page becomes huge… as if some extra things adds up on the bottom …. and it eventually scrolls to the bottom.
Any idea why this could be hapenning

in html

<div id="selector">
</div>

in document.ready

$('#selector').dialog({
  bgiframe: true,
  autoOpen: false,
  width: 100,
  height: 100,
  modal: true,
  position: 'top'
});

in js

$('#selector').dialog('open');

Answer 1

Looks like you are missing the # in your selector:

window.scrollTo($('#selector').dialog('option', 'position')[0], $('#selector').dialog('option', 'position')[1]);

that might be why the window is scrolling to the left top corner.

---

Edit: I was just looking at the documentation and .dialog('option','position') default value is center.

position Type: String, Array Default: ‘center’

Specifies where the dialog should be
displayed. Possible values: 1) a
single string representing position
within viewport: ‘center’, ‘left’,
‘right’, ‘top’, ‘bottom’. 2) an array
containing an x,y coordinate pair in
pixel offset from left, top corner of
viewport (e.g. [350,100]) 3) an array
containing x,y position string values
(e.g. [‘right’,’top’] for top right
corner).

So you could get text or numbers returned using the position option and window.scrollTo() requires numbers. So try this instead:

var d = $(".ui-dialog").position();
window.scrollTo( d.left , d.top);