Javascript 滚动条显示在滚动条上

我最近看到一个网站有一个隐藏的滚动条出现在滚动条上。这也可能是因为它是一个光滑的网格。我能够控制特定于

div

的滚动条CSS，但无法从javascript控制它。到目前为止，我的脚本非常简单：

$('#mydiv').scroll(function(){
    $('#mydiv::-webkit-scrollbar').fadeIn(500);
    //I've also tried .css() above and tried the .hover event as well
})

我的div和滚动条css：

#mydiv{overflow-x: hidden; overflow-y: auto; height: 80%; width: 100%;}
#mydiv::-webkit-scrollbar{display: none;}

---

有没有办法在滚动条上显示滚动条？我已经知道如何通过更改css中

：hover

的溢出来控制悬停。

无需插件，请尝试以下操作：

JS:

CSS:

---

看：（我的答案是公认的。）谢谢！如果它回答了我的问题，我会看一看并移除。嗯，这对我不起作用。控制台中也没有给我任何错误。@Zack它似乎对我有用。请在上查看。确保您使用的是jQuerywell，+1表示没有插件。我太投入到我的项目中了，无法找出我的CSS有什么问题，它对我不起作用，但我会在有时间的时候看看它！

$(window).bind('mousewheel', function(e) {
  var el = $('body');
  el.css('overflow-y', 'scroll');
  if (el[0].hideScroll) clearTimeout(el[0].hideScroll);
  el[0].hideScroll = setTimeout(function() {
    el.css('overflow-y', 'hidden');
  }, 500);
});

body {
  overflow-y: hidden;
}