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

Question

我有一个大约有 8 行和 10 列的网格(Ext 4.2.1-带有 JS 代码)并且我得到了一个“垂直滚动条”，因为数据大小超过了最小数据大小。但是在尝试移动滚动条时使用“鼠标滚轮”，它在 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 上滚动光标时，滚动没有按预期发生。 (意味着很难滚动)

这是我的 fiddler 。 Fiddle你可以试一试。

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

Answer 1

如果您覆盖 onLockedViewScroll方法并将其设置为空函数，它应该可以解决问题。

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