jquery-ui - 如何让 jQueryui 对话框 scrollTop 将对话框内容滚动到顶部

Question

我有一个 jQueryui 对话框，我正在加载大量内容(服务协议(protocol)条款)，这会导致内容溢出时出现滚动条。这是我希望的样子。但是，一旦对话框打开，我希望滚动条位于顶部(因此用户可以从头开始阅读而无需向上滚动)。对话框的设置是

$(function() 
{
$( "#tos_dialog" ).dialog({
    title: 'Terms Of Service Agreement',
autoOpen: true,
height: 480,
    width: 640,
modal: true,
    show: "blind",
hide: "explode",
    buttons: {
       "I Accept": function() {
        $( this ).dialog( "destroy" );
                $("#login_container").dialog( "destroy" );
                window.location.replace('/main.php');
    },
            "I Decline": function() {
                $( this ).dialog( "destroy" );
            }
        }
    });

我已经尝试将 autoOpen 设置为 true 和 false，并且我已经尝试了以下所有代码来尝试让内容滚动到顶部:

  $("#tos_dialog").show()
  $("#tos_dialog").scrollTop();
  $( ".ui-dialog" ).show();
  $( ".ui-dialog" ).scrollTop();
  $(".ui-widget-content").show();
  $(".ui-widget-content").scrollTop();
  $("body").scrollTop();
  $('#tos_dialog', window.parent.document).scrollTop(0);

不幸的是，上述方法似乎都不起作用。我还尝试将上述内容放在对话框上的绑定(bind)事件中，用于 dialogOpen 和对话框调整大小，但无济于事。任何帮助将不胜感激。

Answer 1

尝试

$("#the_dialog_div").scrollTop("0")

这对我有用!