设置HTM5文本可以杀死Chrome中的滚动条拖动

Question

我在Javascript中有一个计时器,每秒触发一次以更新页面中的一些文本(HTML5),如下所示:

document.getElementById('CountDown').innerHTML = "some string";

这工作正常,但如果在用户拖动滚动条手柄时运行此代码,则会中止拖动.这是一个非常烦人的用户界面行为,我无法解决.

如果我在计时器事件中注释掉该行,则滚动条正常工作.

注意:它只发生在Chrome上,而不是Firefox或Opera上.

知道如何解决这个问题吗？

Answer 1

可能不是你想听到的答案，但几个月前我遇到了这个问题，当 javascript 更新 DOM 时，chrome 的平滑滚动功能存在几个已知的错误。

较新版本的 Chrome 似乎可以更好地处理这个问题。我做了一个快速测试，代码与您在最新版本的 Chrome 上的代码类似，并且没有问题。

如果您的代码在其他浏览器中运行良好，那么它似乎不太可能出现错误。最好建议用户确保 Chrome 已完全更新，以获得网站上的最佳体验或使用其他浏览器。