javascript - JQuery 对话框滚动条位置

Question

如何将我的对话框中的滚动条设置为默认设置为底部，这样当对话框打开时，滚动条位于底部

         $( "#report-dialog" ).dialog({
            modal: true,
            autoOpen: false,
            show: "blind",
            hide: "fold",
            width: 850,
            height: 600,

            buttons: {
                Close: function() {
                    $( this ).dialog( "close" );
                }
            }
        });

Answer 1

你可以这样做：

$('#element').dialog({
    open: function(){
        var el = $(this);
        var scrollY = this.scrollHeight;

        el.scrollTop(scrollY);
        el.parent().queue(function(next){
            el.scrollTop(scrollY);
            next();
        });
    }
});

第一个 scrollTop 在对话框打开时设置滚动，但显然 jQueryUI 在动画完成时重置滚动，所以我们在元素的父队列（做动画的那个）中添加了另一个函数，所以它可以在之后再次重置高度动画完成。