滾動條 - 透明和隱形直到滾動div的移動

Question

我完全憎恨不同瀏覽器之間滾動條的不一致。在最近看到OSX獅子與它的透明移動滾動條行動後，我想知道我們是否可以重新創建這個跨瀏覽器。

我看了幾個JQuery插件。最近的被稱爲小滾動條，它接近並擺脫了PNG圖像，幾乎足夠接近，但它的侷限性在於，我無法弄清楚只有在div滾動時才顯示它，然後再輕輕地淡出。另外如果可能的話，我會享受一點動力和彈性。

有沒有辦法做到這一點？

Answer 1

您可以設置溢出，並相應地切換

像這樣的東西可能會奏效：

開始與這個在你的CSS

體{ 溢出：隱藏; }

然後

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

注意您可能必須指定的寬度和高度，以避免意外的剪貼頁面呈現時。