当前位置：文江博客话题详情

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

发布于 2024-12-23 13:52:55 字数 361 浏览 0 评论 0原文

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

我还希望内容区域允许单击其中的不同点就像您在这个插件中一样：来自 flessler。我只对垂直的“点击进入”部分感兴趣，而不是水平的。

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

蓝眼泪 2024-12-30 13:52:55

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

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 即可使其看起来正确。

I don't know of an actual plugin, but it is really not that hard to implement. Here is what I am using to show some buttons within a toolbar when the mouse enters and hide them again two seconds after the mouse left the toolbar:

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>

You just need to add the CSS to make it look right.

回复收藏 0 原文

~没有更多了~