Ubuntu 自动隐藏滚动条的 Jquery 版本？

Question

我正在寻找一个 jquery 插件/lib 来提供给我的开发人员，它模仿 ubuntu 的自动隐藏滚动条。到目前为止，我在网上搜索还没有找到。有人知道其中一个吗？这是演示视频at vimeo :

我还希望内容区域允许单击其中的不同点，就像在此插件中一样:from flessler 。我只对垂直部分的“点击进入”行为感兴趣，而不是水平方向。

PS，鼠标滚轮仍然必须工作；-)

Answer 1

我不知道有什么实际的插件，但它确实不难实现。这是我用来在鼠标进入时显示工具栏中的一些按钮并在鼠标离开工具栏两秒后再次隐藏它们的方法:

var timeout = null;
$('#toolbar').hover(function() {
        window.clearTimeout(timeout);
        $('.buttons', this).show();
    }, function() {
        var el = $('.buttons', this);
        window.clearTimeout(timeout);
        timeout = setTimeout(function() {
        el.hide();
    }, 2000);
});

<div class="" id="toolbar">
    <ul class="buttons">
        <li>Button 1</li>
    </ul>
</div>

您只需添加 CSS 即可使其看起来正确。