滚动条 - 透明和隐形直到滚动div的移动

Question

我完全憎恨不同浏览器之间滚动条的不一致。在最近看到OSX狮子与它的透明移动滚动条行动后，我想知道我们是否可以重新创建这个跨浏览器。

我看了几个JQuery插件。最近的被称为小滚动条，它接近并摆脱了PNG图像，几乎足够接近，但它的局限性在于，我无法弄清楚只有在div滚动时才显示它，然后再轻轻地淡出。另外如果可能的话，我会享受一点动力和弹性。

有没有办法做到这一点？

Answer 1

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

像这样的东西可能会奏效：

开始与这个在你的CSS

体{ 溢出：隐藏; }

然后

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

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