javascript - 设置 HTM5 文本会终止 Chrome 中的滚动条拖动

Question

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

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

除了如果在用户拖动滚动条句柄时运行此代码，拖动将中止外，这工作正常。这是一个非常烦人的用户界面行为，我一直无法解决。

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

注意:它只发生在 Chrome 上，不会发生在 Firefox 或 Opera 上。

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

Answer 1

平滑滚动是一个很重要很有效的提升用户体验的功能，貌似chrome浏览器的平滑滚动有好几个像你这样的案例，怎么就不能正常使用了，但是问题出在must与旧版本相关的时间，例如:

1. https://github.com/simov/simplr-smoothscroll/issues/27
2. https://github.com/mathiasbynens/jquery-smooth-scrolling/issues/1
3. https://github.com/iamdustan/smoothscroll/issues/28

您可以在 CSS 中尝试以下规则:

html, body { 
    overflow: hidden, 
    height: 100% 
}

对于您的容器，您可以附加以下规则:

{ 
    overflow: auto; 
    height: 100% 
}

相反，由于代码在其他浏览器中工作意味着您的代码是有效的，所以只需确保您使用的是最新版本之一，清除缓存并试一试。