jquery - 滚动条 - 透明且不可见，直到可滚动 div 移动

Question

我完全讨厌浏览器之间滚动条的不一致。在最近看到 OSX lion 使用它的透明直到移动滚动条后，我想知道我们是否可以重新创建这个跨浏览器。

我查看了一些 JQuery 插件。最接近的被称为微小的滚动条，它很接近并且在摆弄PNG图像之后，几乎足够接近，但它受到限制，因为我无法弄清楚如何仅在 div 滚动时显示它，然后再次轻轻地淡出它. 另外，如果可能的话，我会享受一点动力，甚至是弹性。

有没有办法做到这一点？

Answer 1

您可以设置溢出并相应地切换

像这样的东西可能会起作用：

从你的 CSS 开始

身体 { 溢出：隐藏；}

然后

$(function(){
  $(document).mousemove(function(e){
    $("body").css("overflow", "auto")
  });
});

请注意，您可能必须指定宽度和高度以避免在页面呈现时意外剪裁。