2011-09-27 139 views
1

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

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

有没有办法做到这一点?

+0

“你试过了什么?” - 非官方的StackOverflow座右铭 – Blazemonger

+0

我在看http://jscrollpane.kelvinluck.com/,但问题是滚动完成后,问题是让酒吧消失。 (如果可能的话还有弹性)。 –

回答

2

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

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

开始与这个在你的CSS

体{ 溢出:隐藏; }

然后

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

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

+0

+1这是一个很好的方法。 –