滚动条 - 透明且不可见,直到可滚动div的移动

时间:2011-09-27 12:44:14

标签: jquery scroll overflow scrollbars

我完全讨厌浏览器中滚动条的不一致性。在最近看到OSX Lion运行时,它的透明直到移动滚动条我想知道我们是否可以重新创建这个跨浏览器。

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

有没有办法做到这一点?

1 个答案:

答案 0 :(得分:2)

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

这样的事可能有用:

从你的css

开始

body {      溢出:隐藏;    }

然后

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

请注意,您可能需要指定宽度和高度,以避免在页面渲染时无意中剪切。