Javascript 页面加载时隐藏的滚动条

我正在开发一个应用程序，它使用slimScroll jQuery插件（）向div容器添加一个很好的溢出

除了一个小的、几乎无关紧要的麻烦之外，一切都正常工作：当页面第一次加载时，插件在div上启动并自动显示滚动条。将鼠标悬停在容器中，然后将其移出容器后，滚动条将隐藏

有没有办法让滚动条在页面加载时以隐藏状态启动

开发者多次被问到这个问题，但我在网站上找不到解决方案

---

任何帮助都将不胜感激。

此代码适用于具有相同类的多个元素

JS:

对于这样的HTML代码

<div id='box'>
<div class='inner'>
some paragraph 
</div>
</div>

某段

---

结果显示：

谢谢ATR。我会将此标记为答案，但当前代码中存在一个问题，即当有多个slimscroll容器具有相同的类时（我使用的是一个类而不是ID），该问题无法正常工作。将鼠标悬停在第一个容器上“激活”其他容器上的滚动条。嗨，Rich，我忘记了一些关于更改代码的说明。我添加了$（this）.next（）.css（'opacity'，0.4）；单击鼠标悬停函数以获得所需的效果。再次感谢

<div id='box'>
<div class='inner'>
some paragraph 
</div>
</div>