尝试使用鼠标滚轮时垂直滚动条不工作#FF,Chrome

Question

我有一个大约有 8 行和 10 列的网格（Ext 4.2.1-使用 JS 代码）并且我得到了一个 "vertical scrollbar" 因为数据大小超过了最小数据 size.But 而尝试使用 "mouse wheel" 移动滚动条，它在 Firefox（版本：54.0.1）中滞后，Google（版本：59.0.3071.115）。

我创建了其中一列被锁定的网格。我注意到，当网格列被锁定时，mouseonwheel 滚动非常慢（当我在锁定列上滚动光标时。当光标在解锁列上时，滚动会顺利进行。）

这是我的专栏配置

columns: [
        { text: 'Name',  dataIndex: 'name',locked   : true},
        { text: 'Email', dataIndex: 'email', flex: 1,lockable : false },
        { text: 'Phone', dataIndex: 'phone',locked   : true }
    ],

这里当我的光标在 Name 和 phone 上时，滚动很顺利。但是当我尝试在 Email 上使用光标滚动时，滚动没有按预期发生。（意味着很难滚动）

这是我的提琴手。 Fiddle你可以试试看。

如何克服这个问题。我正在使用 ExtJS 4.2.1

Answer 1

如果您重写网格中的 onLockedViewScroll 方法并将其设置为空函数，它应该可以解决问题。

Ext.create('Ext.grid.Panel', {
    ...
    onLockedViewScroll: Ext.emptyFn,
});

尝试使用鼠标滚轮时垂直滚动条不工作#FF,Chrome

Vertical Scrollbar is not Working while trying with Mouse Wheel#FF,Chrome

javascript

scroll

extjs

extjs4