Question

我正在使用EasyUI的$.messager，每次点击按钮时都会显示对话框，但页面会向下滚动。

以下是使用的代码：

$(function () {
    var button = $('.form_button');

    button.click(function(e) {
        var user_id = $(this).attr('user_id');

        $.messager.defaults.ok = 'Yes';
        $.messager.defaults.cancel = 'No';

        $.messager.confirm('Confirm','Are you sure you want to block this user?',function(r){
            if (r){
                alert(user_id);
            }
        });
        e.preventDefault();
    });
});

Answer 1

更新您可以通过$（窗口）获取当前滚动位置.scrollTop（）

var currentPos =  $(window).scrollTop();
$(window).animate({scrollTop:currentPos }, '500');

单击该按钮时，应在函数中使用以下内容。 scrollTop将使您的窗口处于正常位置（加载页面时）

 $(window).animate({scrollTop:0}, '500');

Answer 2

这是框架中的一个错误，因为其主页上的演示表现出相同的行为。你应该提交一个错误。

幸运的是，你可以做几个解决方法。滚动到顶部可能是最容易的，但恕我直言，这是一个UX的噩梦。您应该计算当前视口的中心，并在那里显示窗口。也许这也可以在CSS中完成，我不确定。

EasyUI $ .messager向下滚动

2 个答案: