我有一个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")
这对我有用!