OS X上的Chrome中没有显示滚动条

时间:2014-08-27 16:06:10

标签: javascript jquery css google-chrome kentico

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

html {
    overflow-y: scroll;
}

到我的CSS,这似乎解决了它。但是,它不适用于Chrome。

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

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

我的想法是尝试使用JavaScript更改CSS本身,但我并不认为如何做到这一点。

有没有人有任何其他想法?或者我如何完成我的计划?

我很遗憾无法进一步减少这个问题。它似乎是整个网站的互动,包括Kentico,所以似乎不可能得到一个jsfiddle或任何东西。

1 个答案:

答案 0 :(得分:0)

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

html {
    overflow-y: inherit;
}

我不知道为什么会导致这个问题。我评论了这一行,问题得到了解决。