easyui的messager如何变成上下滚动

如果需要将 easyui 的 messager 组件变成上下滚动的形式，可以使用 easyui 的 window 组件。具体实现步骤如下：

1. 在页面中引入 easyui 的 window 组件：

<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/easyui/1.8.0/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/easyui/1.8.0/themes/icon.css">
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/easyui/1.8.0/jquery.easyui.min.js"></script>

2. 创建一个 window 元素，并设置其属性：

<div id="mywindow" class="easyui-window" title="消息提示" data-options="
    closed: true,
    draggable: false,
    minimizable: false,
    maximizable: false,
    collapsible: false,
    resizable: false,
    width: 300,
    height: 150,
    content: '<ul id=\'mylist\'></ul>'
"></div>

其中，`content` 属性设置窗口中的内容为一个无序列表。

3. 初始化 window 中的选项：

$('#mywindow').window({
    onOpen:function(){
        setInterval(function(){
            $('#mylist').prepend('<li>这是一条新消息</li>');
            $('#mylist li:last').remove();
        }, 2000);
    }
});

这里使用了一个定时器，每隔 2 秒钟在列表的顶部添加一条新消息，同时移除列表的最后一条消息，实现了消息的上下滚动。

4. 弹出 window：

$('#mywindow').window('open');

通过以上步骤，就可以将 easyui 的 messager 组件变成上下滚动的形式了。需要注意的是，这种方式只是实现了消息的上下滚动，如果需要在消息中添加操作按钮等其他功能，还需要进行相应的扩展。