Css IE和Firefox中可见的反滚动本机滚动条

我正在使用antiscroll框架在我的网站上创建一个类似苹果的滚动条。有关该框架的更多信息，请参见：

我遵循了这些步骤，并浏览了示例代码，即index.html文件。我尝试重新构建这个示例，它在Safari和Chrome浏览器中工作。然而，在IE和Firefox上，在苹果般的滚动条下方仍然可以看到本机滚动条：(

我不知道是什么原因造成的。我在这里创建了一个JSFIDLE：

我只有一行：

$('.antiscroll-wrap').antiscroll();

在fiddle中，我导入了所需的库（jQuery、antiscroll.js、antiscroll.css和jQuery.mouseweel.js）

如果你在Firefox或IE中打开小提琴，你可以清楚地看到问题所在。有人能向我解释为什么会发生这种情况，以及我能做些什么来解决它吗

---

谢谢！

我建议增加内部的宽度，并将溢出隐藏在包装上：

.antiscroll-inner {
  background-color: #bbb;
  height: 100px;
  overflow-x: hidden;
  width: 120px; /** Make 20px larger to extend browser scrollbar outside of wrapper **/
 }

.antiscroll-wrap {
  overflow: hidden; /** Hide overflow **/
  width: 100px; /** Size to what you want, but 20px smaller than inner **/
}

---

我建议增加内部的宽度，并将溢出隐藏在包装上：

.antiscroll-inner {
  background-color: #bbb;
  height: 100px;
  overflow-x: hidden;
  width: 120px; /** Make 20px larger to extend browser scrollbar outside of wrapper **/
 }

.antiscroll-wrap {
  overflow: hidden; /** Hide overflow **/
  width: 100px; /** Size to what you want, but 20px smaller than inner **/
}

---

您只需在“antiscroll wrap”和“antiscroll inner”div之间添加另一个div，用于覆盖内部div的滚动条。这是他们示例中的标记结构：

<div class="box-wrap antiscroll-wrap">
   <div class="box">
      <div class="antiscroll-inner">
         ... 
      </div>
   </div>
</div>

... 

---

您只是缺少了他们归类为“box”的div。您只需在“antiscroll wrap”和“antiscroll inner”div之间添加另一个div，用于覆盖内部div的滚动条。这是他们示例中的标记结构：

<div class="box-wrap antiscroll-wrap">
   <div class="box">
      <div class="antiscroll-inner">
         ... 
      </div>
   </div>
</div>

... 

你只是错过了被他们归类为“盒子”的那个div