Диалоговое окно jQuery закрывает браузер прокрутки вверх

Я создаю диалоговое окно jQuery, которое можно открыть и закрыть из разных кнопок, все работает нормально, за исключением случаев, когда я закрываю диалог, браузер прокручивается вверх. Я пробовал много предложений в Интернете, но никто, кажется, не поддерживает функциональность, не допуская прокрутки.

Я создаю диалог так:

function create_hint_widget(hint_text) {
  if ($("#hint_dialog").hasClass("ui-dialog-content")) 
  {
    $("#hint_dialog").dialog("open");
    $("#hint_dialog").html(hint_text);
  }
  else
  {
    return $("<div id='hint_dialog' title='Help'>" + hint_text + "</div>")
      .dialog({
        resizable: true,
        height: 200,
        width: 300,
        modal: false,
        position: ['right', 180],
        close: function(ev, ui)
        {
          $("#hint_dialog").dialog("close");
        },
      });
  }
}

Это код Rails для создания ссылки, вызывающей диалог:

 <%= link_to image_tag("hint_link.jpeg", :size=>"13x13"),
 'javascript:;', :onclick => 'create_hint_widget("Enter a name for your template. Each template must have a unique name.");
 return false;' %>

Я использую диалог открытия / закрытия для диалога, потому что я хочу, чтобы он сохранил свою позицию. event.stopPropagation (); не останавливает прокрутку и событие.preventDefault (); нарушает функциональность открытия / закрытия. Возможно, самое главное, когда я удаляю функцию close: она больше не прокручивается, но некоторые функции open / close перестают выполняться.