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

前端之家收集整理的这篇文章主要介绍了jquery-ui – 如何获取jQueryui对话框scrollTop将对话框内容滚动到顶部前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个jQueryui对话框,我正在加载很多内容(服务条款协议),当内容溢出时会导致滚动条.这就像我希望的那样.但是,一旦对话框打开,我希望滚动条位于顶部(这样用户可以从初始化开始读取而无需向上滚动).对话框的设置是
$(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);

不幸的是,以上似乎都没有起作用.我也尝试将上面的绑定事件放在对话框上,对于dialogopen和对话框调整大小都无济于事.任何帮助将不胜感激.

解决方法

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

这对我有用!

猜你在找的jQuery相关文章