Question

I am looking for a jquery plugin / lib to give to my developer that imitates ubuntu’s autohiding scrollbar. So far, I haven’t found one searching the web. Anyone know of one? Here is a demo video at vimeo:

I would also like the content area to allow clicking to different points in it like you can in this plugin: from flessler. I am only interested in the vertical, section ‘click into’ behavior, not the orizontal.

PS, the mousewheel still has to work, also 😉

Answer 1

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.