Javascript 尝试使用鼠标滚轮时垂直滚动条不工作#FF,Chrome
我有一个大约8行10列的网格(Ext 4.2.1-with JS代码),我得到了一个“垂直滚动条”,因为数据大小超过了最小数据大小。但是当我试图用“鼠标滚轮”移动滚动条时,它在Firefox(版本:54.0.1)、Google(版本:59.0.3071.115)中落后了 我创建了网格,其中一列被锁定。我注意到,当网格列被锁定时,Javascript 尝试使用鼠标滚轮时垂直滚动条不工作#FF,Chrome,javascript,extjs,scroll,extjs4,Javascript,Extjs,Scroll,Extjs4,我有一个大约8行10列的网格(Ext 4.2.1-with JS代码),我得到了一个“垂直滚动条”,因为数据大小超过了最小数据大小。但是当我试图用“鼠标滚轮”移动滚动条时,它在Firefox(版本:54.0.1)、Google(版本:59.0.3071.115)中落后了 我创建了网格,其中一列被锁定。我注意到,当网格列被锁定时,mouseonwheel滚动速度非常慢(当我将光标滚动到锁定列上时。当光标位于解锁列上时,滚动会平稳进行) 这是我的列配置 columns: [ { te
mouseonwheel
滚动速度非常慢(当我将光标滚动到锁定列上时。当光标位于解锁列上时,滚动会平稳进行)
这是我的列配置
columns: [
{ text: 'Name', dataIndex: 'name',locked : true},
{ text: 'Email', dataIndex: 'email', flex: 1,lockable : false },
{ text: 'Phone', dataIndex: 'phone',locked : true }
],
在这里,当我的光标位于Name
和phone
上时,滚动会顺利进行。但是当我试图用光标在电子邮件上滚动时,滚动并没有像预期的那样发生。(表示滚动很困难)
这是我的小提琴手。你可以试一试
如何克服这个问题。我使用的是ExtJS 4.2.1如果您在网格中重写方法并将其设置为空函数,那么它应该可以做到这一点
Ext.create('Ext.grid.Panel', {
...
onLockedViewScroll: Ext.emptyFn,
});
关闭平滑滚动确实解决了问题吗?你在其他网站也有同样的问题吗?我每天都在Chromium和FireFox上使用ExtJS网格,从来没有出现过滚动问题。这个问题在另一台计算机上重现吗?谢谢你的快速反应。是的,它将解决FF中的问题,并且它们是锁定的网格。我相信这是一个与“锁定网格”相关的问题。我创建了一个“锁定网格”示例,并且也存在相同的问题。有趣的是,当我点击其他地方时,网格会正常滚动。如果网格有焦点,它的速度就慢得令人难以置信。您真的需要锁定网格吗?网格有很多方法。听起来和你的问题有关。这些方法也有对应的普通视图进行比较,有什么不同之处。@MarthyM首先非常感谢您的回答。我用我的示例网格检查了您的解决方案,它运行得非常好:-),但我必须用实际网格检查(我将在4/5小时后检查),这就是为什么我不批准您的答案。