我有一个DataTable,其中有100行,并且正在使用列表进行设置。我会从下拉列表中动态更改具有选定名称的列表。
我用]完成>
$("#datatable").remove(); this.datatable = new Autodesk.Viewing.UI.DataTable(this.panel); this.datatable.setData(datalist,titleList);
更改后,如果我尝试使用滚动条,则不允许,并自动将滚动条移到顶部,表格闪烁。如果行数较少,则根本没有问题。
在Chrome控制台上,我看到以下消息:
向滚动阻止的'touchstart'事件添加了非被动事件侦听器。考虑将事件处理程序标记为“被动”,以使页面更具响应性。 DockingPanel.js:553 [违规]
开始时
以及当我尝试滚动时:
[[Violation]执行JavaScript时强行重排花费了75ms
有趣的是,如果我在浏览器上放大/缩小或全屏显示,问题就消失了,我可以毫无问题地向下滚动到DataTable的底部行。而且我没有看到这些[违规]消息。 但是表格的点击功能不起作用
] >>我已经删除了容器(DockingPanel)和数据表本身的所有CSS,但是问题没有改变。而且我没有任何eventlisteners用于滚动。我知道这个问题范围很广,但我找不到任何出路。
有人有什么主意吗?可以是DOM问题吗?
我有一个DataTable,其中有100行,并且正在使用列表进行设置。我从下拉列表中动态更改具有选定名称的列表。我用$(“#datatable”)。remove(); this.datatable = ...
您是否在Firefox或移动浏览器上尝试过?您的问题与事件侦听器有关。尝试添加
document.addEventListener('touchstart', handler, {passive: true});