javascript - 滚动条在 OS X 上的 Chrome 中不显示

Question

所以我有一个使用 Kentico CMS 构建的网站。在页面加载时，滚动条有时不会显示在 Mac 上的 Chrome 中。它们确实可靠地显示在 Safari 中。我以前在 Safari 上遇到过这个问题，并添加了

html {
    overflow-y: scroll;
}

添加到我的 CSS，这似乎解决了问题。但是，它不适用于 Chrome。

我确实注意到，如果我打开开发控制台然后关闭它，它会出现一个滚动条。如果我将元素的 CSS 宽度更改为 99%，而不是 100%，它会获得一个滚动条。但是，这仅在我更改针对该元素的 CSS 时才有效。如果我仅为该元素更改它(使用 javascript 或通过控制台修改 element.style)，它不会获得滚动条。

打开控制台时没有 JavaScript 错误。

我的想法是尝试用 JavaScript 改变 CSS 本身，但我不确定如何去做。

有没有人有任何其他想法？或者我怎样才能完成我的计划？

很遗憾，我无法进一步减少问题。它似乎是整个站点的交互，包括 Kentico，因此似乎不可能获得 jsfiddle 或任何东西。

Answer 1

我已经解决了这个问题。这是由以下 css 引起的:

html {
    overflow-y: inherit;
}

我不知道为什么会导致这个问题。我注释掉了这一行，问题就解决了。