javascript - 打开jQuery对话框时保持滚动位置

Question

我正在使用 Jquery UI Dialog 来显示一个弹出框

我有一个带有网格的页面。每行都有一个图标来打开一个对话框

如果有很多行并且您需要向下滚动并单击底部的一行，那么当对话框打开时它也会再次将页面滚动到顶部

有没有办法防止这种情况发生？

我只想打开对话框并保持页面的滚动位置

$('#AmendLineDialogBox').dialog({
            autoOpen: true,
            modal: true,
            closeOnEscape: true,
            buttons:
                {
                    'Ok': function () {
// ...snip
                            $(this).dialog("close");                  
                    },
                    'Cancel': function () {
                        $(this).dialog("close");
                    }
                },
            position: 'center',
            title: 'Amendment'
        });

Answer 1

您可以像这样进行链接：

$('#AmendLineDialogBox').click(function(e){
   e.preventDefault(); //<--------------^-------prevent the default behaviour
}).dialog({
        autoOpen: true,
        modal: true,
        closeOnEscape: true,
        buttons:
            {
                'Ok': function () {
 // ...snip
                        $(this).dialog("close");                  
                },
                'Cancel': function () {
                    $(this).dialog("close");
                }
            },
        position: 'center',
        title: 'Amendment'
    });