自定义WebKit滚动条还原为原始滚动条

Question

我问了一个类似于此前的问题，但它不是很具描述性。我删除了那个问题，我将重新问一下。

所以，在我的网站上，我想要一个自定义滚动条。它工作正常，除了我的网站有太多的换行符。这是滚动条的CSS代码：

::-webkit-scrollbar              
{width:10px;
height:10px;}
::-webkit-scrollbar-button       
{display:none;}
::-webkit-scrollbar-track        
{background-color:#DDDDDD;}
::-webkit-scrollbar-track-piece  
{background-color:#DDDDDD;}
::-webkit-scrollbar-corner       
{background-color:#DDDDDD;}
::-webkit-resizer                
{background-color:#DDDDDD;}
::-webkit-scrollbar-thumb        
{background-color:#666666}
::-webkit-scrollbar-thumb:hover        
{background-color:#999999}

很难解释。如果要滚动的页面太多，它将无法正常显示。它将恢复为默认滚动条。我想知道这是不是发生在我身边，还是这是一个实际问题？如果它发生在我身上，我做错了什么？

我刚刚在JSFiddle上试过它，它运行正常。我可以根据需要添加任意数量的换行符，但不会破坏滚动条。怎么了？ Here's the website where it doesn't work.如果您查看源代码，样式就可以了。它与小提琴相同，但换行次数较少。 Here's the fiddle, it works.