2014-08-27 36 views
0

所以我有一個使用Kentico CMS構建的網站。在頁面加載時,有時滾動條不會在Mac上的Chrome中顯示。它們確實在Safari中顯示。我以前有過Safari的這個問題,並且添加了滾動條不顯示在OS X上的Chrome上

html { 
    overflow-y: scroll; 
} 

我的CSS,並且似乎解決它。但是,它不適用於Chrome。

我注意到,如果我打開開發控制檯,然後關閉它,它會得到一個滾動條。如果我將元素的CSS更改爲寬度99%而非100%,則會獲得滾動條。但是,這隻適用於如果我更改定位該元素的CSS。如果我只是爲了那個元素而改變它(通過javascript或者通過控制檯修改element.style),它不會獲得滾動條。

打開控制檯時沒有JavaScript錯誤。

我的想法是試圖用JavaScript來改變CSS本身,但我並不積極如何去做。

有沒有人有任何其他想法?或者我可以如何完成我的計劃?

不幸的是我不能再減少這個問題。它似乎是包括Kentico在內的整個網站的互動,所以看起來似乎不可能得到一個jsfiddle或任何東西。

+0

其中是標記 – Benjamin 2014-08-27 16:13:48

+0

代碼示例將非常有幫助 – 2014-08-27 16:13:50

+0

標記是通過Kentico構建的整個網站。我無法將它縮小到整個頁面,因爲它與Kentico本身的集成是一個問題。代碼示例也可以是整個站點。 – 2014-08-27 16:15:46

回答

0

我已經解決了這個問題。這是由以下css造成的:

html { 
    overflow-y: inherit; 
} 

我不知道爲什麼會造成這個問題。我評論了這條線,問題解決了。