Extjs经典网格面板滚动

Extjs 6.2.0

有这个小组吗

Ext.create('Ext.grid.Panel', {
                    region: 'center',
                    padding: 5,
                    reserveScrollbar: false,
                    scrollable: true,
                    columnLines: false,
                    rowLines: false,
                    disableSelection: true,
                    viewConfig: {
                        stripeRows: false,
                        trackOver: false,
                        preserveScrollOnRefresh: true
                    },
                    store: 'chatmessagesstore',
                    hideHeaders: true,
.....

和一列渲染器

带有布局边框的Ext.form.Panel中的网格。和窗口中的Ext.form.Panel（布局适合）。 商店是记忆商店

我将记录添加到存储中，然后将其显示在网格中。 但如果我添加超过50条记录到存储，我会在网格的底部看到空白。 在最后一张Chrome中，我看到了空白。在上一个“Sputnik”浏览器（俄语）中，我没有看到空白

我认为滚动条的计算是错误的。但如何解决呢？

---

我的头断了）

在网格中将bufferedRenderer属性设置为false

...
...
/**
 * Create chat box
 *
 * @return {Ext.grid.Panel}
 */
createChatBox: function () {
    var me = this;
    if (!me.chatBox) {
        console.log('creating');
        this.chatBox = Ext.create('Ext.grid.Panel', {
            region: 'center',
            padding: 5,
            reserveScrollbar: false,
            scrollable: true,
            columnLines: false,
            rowLines: false,
            disableSelection: true,
            bufferedRenderer: false, // SET IT TO FALSE
            viewConfig: {
                stripeRows: false,
                trackOver: false,
                preserveScrollOnRefresh: true
            },
            store: 'chatmessagesstore',
            hideHeaders: true,
            columns: [{
...
...

---

你可以在fiddle.sencha.com上重现这种行为吗？嗯，我会尝试，但我认为不会（例如